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

时间:2014-08-06 14:20:34

标签: jquery attributes jquery-selectors

我有一个属性应用于我动态创建的名为data-product的div。是否有一个选择器可用于选择没有特定data-product值的所有div?例如,如果其中一个数据产品值是" radio,"有没有办法可以选择每个div与数据产品值不相等?

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

提前致谢!

2 个答案:

答案 0 :(得分:5)

这是你想要的

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

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

希望这有帮助

答案 1 :(得分:1)

您可以使用jQuery的专有attribute-not-equal selector

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

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

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