JQuery找到所有数据元素

Question

我是通过向元素

添加html5 data-custom属性来进行数据绑定的

<div id="fred">
<input type="text" data-fld="Field1" value="10" />
<input type="text" data-fld="Field2" value="11" />
<input type="text" data-fld="Field3" value="12" />
<input type="text" value="13" />
</div>

我正在尝试搜索所有指定了data-fld的元素。

col = div.find("[data-fld!='']");

但是到目前为止我没有尝试过。

这是一个jsfiddle。 http://jsfiddle.net/p2KsP/4/

Answer 1

您只需使用Has Attribute selector：

var col = $("#fred").find("[data-fld]");
console.log(col.length);  // 3

Attribute Not Equal selector不起作用，因为它匹配没有指定属性的元素，或具有指定属性但没有特定值的元素。这意味着[data-fld!='']将最终匹配所有元素。