jQuery选择器没有特定的数据属性。

Question

我有一个属性被应用到动态创建的div中，名为data-product。是否有一个选择器可以用于选择没有特定data-product值的所有div？例如，如果其中一个数据产品值是“收音机”，是否有一种方法可以选择每个div的数据产品值不等于收音机？

<div data-product="radio" class="product"></div>
<div data-product="television" class="product"></div>
<div data-product="speakers" class="product"></div>

提前感谢！

Answer 1

这是你想要的

$(".product[data-product!='radio']")

或

$(".product:not([data-product='radio'])")

希望这能有所帮助

Answer 2

您可以使用jQuery的专有属性-不平等选择器

$('div.product[data-product!="radio"]')

或者，如果您更喜欢基于标准的选择器(即可以在CSS中使用的选择器)，请使用:not()和常规属性选择器：

$('div.product:not([data-product="radio"])')