JQuery 查找所有数据元素

Question

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

<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!=''] 最终将匹配所有元素。