CODEWITHSUNDEEP
javascriptjqueryjquery-selectorstraversaljquery-traversing
Jeff Dege
Jeff Dege

Reputation: 11720

Find all elements that have a certain data attribute (regardless of value)

I have a form with a bunch of text elements, some of which have a data attribute set.

I want to loop through all the elements that have that attribute, extracting the attribute.

I've created a fiddle here.

var textInputs = $(':text');
alert('found ' + textInputs.length + ' textInputs');

var datas = textInputs.find('[data-foo]');
alert('found ' + datas.length + ' datas');

I'm finding the text elements, but my selector on the data attribute is returning no elements.

Ideas would be helpful...

Upvotes: 2

Views: 2992

Answers (2)

falsarella
falsarella

Reputation: 12447

The [data-foo] selector is correct, but you should use it in a filter, instead of in a find:

var datas = textInputs.filter('[data-foo]');

See working fiddle here

Upvotes: 3

Christian Bonato
Christian Bonato

Reputation: 1306

http://jsfiddle.net/qjb3V/

     var datas = $(':text[data-foo]');

Upvotes: 2

Related Questions