.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');
});