关于合并父子类的数据属性的问题

Question

如何为每个具有特定数据属性的父链接添加var1 var2 var3 var4 var5 23 1 0 0 0 23 1 0 0 0 43 0 1 1 1 43 0 1 1 1 类？

我需要将.active类添加到.active而不是拥有数据属性的父类中

.slide-link

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

.active{
    color:red;
}

Answer 1

您应该做的是将类添加到所有具有slide-link的元素的子元素中（使用[data-slide="0"]类，例如：

$('[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方法仅返回未定义的字符串或未定义的字符串。