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

我有如下几个元素：

<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 （零）的元素？

我已经尝试了许多不同的解决scheme，但没有工作 一个例子：

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

任何想法？

Answer 1

使用属性等于select器

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

小提琴演示

。找（）

它在树下工作

获取当前匹配元素集合中每个元素的后代，通过select器，jQuery对象或元素进行过滤。

Answer 2

你也可以使用.filter（）

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

Answer 3

你也可以使用andSelf()方法来获得包装的DOM包含，然后find()可以作为你的想法

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

 .active { background: green; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <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>