HTML 4 From an HTML 4 perspective, attributes are an SGML construct. Their limits are defined in the SGML Declaration of HTML 4: QUANTITY SGMLREF ATTCNT 60 — increased — ATTSPLEN 65536 — These are the largest values — LITLEN 65536 — permitted in the declaration — NAMELEN 65536 — Avoid fixed limits in actual … Read more
If you mean using an attribute selector, sure, why not: [data-role=”page”] { /* Styles */ } There are a variety of attribute selectors you can use for various scenarios which are all covered in the document I link to. Note that, despite custom data attributes being a “new HTML5 feature”, browsers typically don’t have any … Read more
You can retrieve values of custom (or your own) attributes using getAttribute. Following your example with <div id=”geoff” data-geoff=”geoff de geoff”> I can get the value of data-geoff using var geoff = document.getElementById(“geoff”); alert(geoff.getAttribute(“data-geoff”)); See MSDN. And although it is mentioned there that you need IE7 to get this to work, I tested this a … Read more
You have to inject the value of current into an Attribute Equals selector: $(“ul”).find(`[data-slide=”${current}”]`) For older JavaScript environments (ES5 and earlier): $(“ul”).find(“[data-slide=”” + current + “”]”);
$(‘*[data-customerID=”22″]’); You should be able to omit the *, but if I recall correctly, depending on which jQuery version you’re using, this might give faulty results. Note that for compatibility with the Selectors API (document.querySelector{,all}), the quotes around the attribute value (22) may not be omitted in this case. Also, if you work with data … Read more
To get the contents of the attribute data-id (like in <a data-id=”123″>link</a>) you have to use $(this).attr(“data-id”) // will return the string “123” or .data() (if you use newer jQuery >= 1.4.3) $(this).data(“id”) // will return the number 123 and the part after data- must be lowercase, e.g. data-idNum will not work, but data-idnum will.
If you are passing data to a DOM element from the server, you should set the data on the element: <a id=”foo” data-foo=”bar” href=”#”>foo!</a> The data can then be accessed using .data() in jQuery: console.log( $(‘#foo’).data(‘foo’) ); //outputs “bar” However when you store data on a DOM node in jQuery using data, the variables are … Read more