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
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
$(“ul[data-group=’Companies’] li[data-company=’Microsoft’]”) //Get all elements with data-company=”Microsoft” below “Companies” $(“ul[data-group=’Companies’] li:not([data-company=’Microsoft’])”) //get all elements with data-company!=”Microsoft” below “Companies” Look in to jQuery Selectors :contains is a selector here is info on the :contains selector
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.
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