jquery - jQuery 数据选择器与 .data 不匹配

Question

我有一个选择器：$('div.data[data="true"]').not('div.data[data-loading="true"]').

我.data("data-loading","true")在元素上使用。

---

问题：

因为.data没有真正设置属性.prop，所以上面的.not选择器与我在上面设置的元素不匹配.data。是否有一个选择器我可以使用匹配数据集.data，或者我必须使用.prop/代替.data？

Answer 1

.data没有选择器与您通过该函数放在元素上的数据相匹配。不过，在您的情况下，您可以轻松地将其设为属性。您的选择器已经在寻找一个属性，所以只需更改

.data("data-loading","true")

到

.attr("data-loading","true")

除非在 name上有一个属性，否则选择器将div.data[data="true"]不起作用，正如您所观察到的那样，没有（也不应该，这将是一个无效的属性）。divdata

如果您需要标记存储数据的 div，我会为此使用一个类。我可能还会使用一个类作为data-loading标志。