javascript - 合并父类和子类的数据属性时出现问题

Question

如何将 .active 类添加到父级具有特定数据属性的每个链接？

我需要将 .active 类添加到 .slide-link 而不是持有数据属性的父类

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

.active{
    color:red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="" data-slide="0">
<a class="slide-link" href="#">0</a>
</div>

<div class="" data-slide="1">
<a class="slide-link" href="#">1</a>
</div>

<div class="" data-slide="2">
<a class="slide-link" href="#">2</a>
</div>

Answer 1

您应该做的是将该类添加到所有具有 [data-slide="0"] 的元素的子元素(使用 slide-link 类) ，像这样:

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

.active{
    color:red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="" data-slide="0">
<a class="slide-link" href="#">0</a>
</div>

<div class="" data-slide="1">
<a class="slide-link" href="#">1</a>
</div>

<div class="" data-slide="2">
<a class="slide-link" href="#">2</a>
</div>

您的第一个代码段不起作用，因为没有任何元素具有 slide-link 和 data-slide="0" 类。你的第二个片段产生了一个错误，因为 jQuery 的 data 方法只返回字符串或未定义的，它们都没有 addClass() 方法。