jquery - JQuery 查找所有数据元素

Question

我通过向元素添加 html5 数据自定义属性来进行数据绑定

<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 选择器：

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

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