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

使用属性等于选择器

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

Fiddle Demo

.找()

它在树下工作

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

Answer 2

你也可以使用.filter()

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

Answer 3

我用变量而不是字符串搜索了相同的解决方案。
我希望我能帮助别人解决我的问题:)

var numb = "3";
$(`#myid[data-tab-id=${numb}]`);