jQuery 通过数据属性值查找元素

Question

我有如下几个元素：

 <a class="slide-link" href="#" data-slide="0">1</a>
<a class="slide-link" href="#" data-slide="1">2</a>
<a class="slide-link" href="#" data-slide="2">3</a>

如何向具有 data-slide 属性值 0 （零）的元素添加一个类？

我尝试了许多不同的解决方案，但没有任何效果。一个例子：

 $('.slide-link').find('[data-slide="0"]').addClass('active');

任何想法？

原文由 MrUpsidown 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 属性等于选择器

$('.slide-link[data-slide="0"]').addClass('active');

小提琴演示

。寻找（）

它在树下工作

获取当前匹配元素集中每个元素的后代，由选择器、jQuery 对象或元素过滤。

原文由 Tushar Gupta - curioustushar 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你也可以使用 .filter()

 $('.slide-link').filter('[data-slide="0"]').addClass('active');

原文由 Anton 发布，翻译遵循 CC BY-SA 3.0 许可协议