我有一个可点击元素的列表,它们都具有相同的类名。我想为单击的元素分配一个类active
并active
同时从所有其他元素中删除。我如何通过 jQuery 做到这一点?
<div class="container">
<div class="element"></div>
<div class="element active"></div>
<div class="element"></div>
</div>
只需挂上元素,从任何拥有它click
的元素中删除,然后将其添加到单击的元素中:.element
active
.element
$(".element").click(function() {
$(".element.active").removeClass("active");
$(this).addClass("active");
});
更多:jQuery/$
, click
, removeClass
,addClass
使用这种方式addClass()
:.siblings()
$('.element').click(function(){
$(this).addClass('active').siblings().removeClass('active');
});
这$(this)
是被单击的当前元素,因此该元素获取类.active
并.siblings().removeClass()
删除.active
应用于其他元素的其他类。
$('.element').click(function() {
$('.element').removeClass('active');
$(this).addClass('active');
});
尝试这个:
$('.element').click(function(){
$('.element').removeClass('active');
$(this).addClass('active');
});