javascript - .addClass() 到 $(this) 附近但在其外部的元素

Question

我有这个:

<div class="mycontainer active">
    <a href="#" class="mylink">link</a>
</div>

<div class="mycontainer">
    <a href="#" class="mylink">link</a>
</div>

当我单击其中的链接时，我想将事件类“移动”到第二个容器。

我尝试使用以下 jQuery:

$('.mycontainer .mylink').on('click', function(){
    $(".active").removeClass('active');
    $(this).parent().find(".mycontainer").addClass('active');
});

但这不起作用，实际上我对 Javascript/jQuery 不太了解，我做错了什么？ 感谢任何形式的帮助，谢谢。

Answer 1

您可以使用:

$('.mycontainer .mylink').on('click', function () {
    $(this).closest('.mycontainer').addClass('active').siblings('.mycontainer.active').removeClass('active');
});