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

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

这是小提琴

例如，如果单击“链接1”，然后单击“链接6”，则当“链接6”也突出显示时，“链接1”将保持高亮显示。

链接1-3相互作用，4-6也相互作用，但是是分开的.我是如何让他们彼此交谈并高亮地打开/关闭的？

Answer 1

更新您的小提琴。最初，您只选择兄弟姐妹(意味着所有的父母之一)。但是您需要在父母之间进行选择，因此siblings将无法工作。相反，您必须使用一个通用标识符--在本例中为.clicked。

只需更改以下一行：

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

至：

var siblings = $('.clicked');