我有一些像下面这样的元素。
<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>
我怎样才能给属性值为 "0"(零)的元素添加一个类?
我尝试了很多不同的解决方案,但都没有成功。一个例子。
$('.slide-link').find('[data-slide="0"]').addClass('active');
有什么想法吗?
你也可以使用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>
<!--结束片段-->。