jQuery 选择器没有特定的数据属性
Posted
技术标签:
【中文标题】jQuery 选择器没有特定的数据属性【英文标题】：jQuery selector does not have specific data attribute 【发布时间】：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>
提前致谢！
【问题讨论】：
【参考方案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"])')
【讨论】：
以上是关于jQuery 选择器没有特定的数据属性的主要内容，如果未能解决你的问题，请参考以下文章