How to get elements by a specific value of a custom attribute in jQuery?

Question

I have a custom attribute called data-role and I\'d like to find all elements where data-role=\"content\" in jQuery.

Answer 1

jQuery select by attribute selector:

$('[data-role="content"]')

And for an array use .each(); instead of for

$('[data-role="content"]').each(function(){
  alert($(this).html());
});