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

【问题标题】：jQuery selector does not have specific data attributejQuery 选择器没有特定的数据属性
【发布时间】：2014-09-29 12:47:51
【问题描述】：

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

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

提前致谢！

【问题讨论】：

标签： jquery attributes jquery-selectors

【解决方案1】：

这就是你想要的

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

或

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

希望对你有帮助

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：