Question

当我在搜索其他问题时，我抓住了这段代码，但是当我试图满足我的需求时，我遇到了一个问题。由于我的链接分布在两个父div中，因此它与其他兄弟姐妹没有正确交互。

    var make_button_active = function () {
    //Get item siblings
    var siblings = ($(this).siblings());
    //Remove active class on all buttons
    siblings.each(function (index) {
        $(this).removeClass('active');
    });


    //Add the clicked button class
    $(this).addClass('active');
}

$(document).ready(function () {
    $(".clicked").click(make_button_active);
});

以下是Fiddle

如果单击“链接1”然后单击“链接6”，则链接6也会在链接6突出显示时保持突出显示。

链接1-3彼此交互，4-6也相同，但是分开。我是如何让他们所有人互相交谈并突出显示开/关？

Answer 1

更新了您的Fiddle。最初，您只选择兄弟姐妹（暗示所有兄弟姐妹都在一个父母下）。但是你需要选择父母，因此siblings不起作用。相反，在这种情况下，您必须使用通用标识符 - .clicked。

只需更改以下行：

var siblings = ($(this).siblings());

为：

var siblings = $('.clicked');

如何更改/删除兄弟姐妹的方法

1 个答案: