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');

有什么想法吗？

Answer 1

使用Attribute Equals Selector

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

Fiddle Demo

.find()

它在树下工作

Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element.