jQuery:为多个计数的单击元素分配类

Question

我有一个可点击元素的列表，所有元素都具有相同的类名。我想为单击的元素分配一个类 active 并同时从所有其他元素中删除 active 。我如何通过 jQuery 做到这一点？

<div class="container">  
    <div class="element"></div>
    <div class="element active"></div>
    <div class="element"></div>
</div>

Answer 1

只需将 click 钩在 .element 元素上，从任何包含它的 .element 元素中删除 active，并将其添加到单击的那个:

$(".element").click(function() {
    $(".element.active").removeClass("active");
    $(this).addClass("active");
});

更多:jQuery/$ , click , removeClass , addClass