查找具有特定数据属性的所有元素(无论值如何)

时间:2014-06-26 22:19:29

标签: javascript jquery jquery-selectors traversal jquery-traversing

我有一个包含大量文本元素的表单,其中一些文本元素具有数据属性集。

我想循环遍历具有该属性的所有元素,提取属性。

我创造了一个小提琴here

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

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

我找到了文本元素,但我在data属性上的选择器没有返回任何元素。

想法会有所帮助......

2 个答案:

答案 0 :(得分:3)

[data-foo]选择器是正确的,但您应该在filter而不是find中使用它:

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

See working fiddle here

答案 1 :(得分:2)

http://jsfiddle.net/qjb3V/

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