选择兄弟姐妹

要选择项目的兄弟姐妹,你可以使用 .siblings() 方法。

你想要修改项目的兄弟姐妹的典型示例位于菜单中:

<ul class="menu">
    <li class="selected">Home</li>
    <li>Blog</li>
    <li>About</li>
</ul>

当用户单击菜单项时,应将 selected 类添加到单击的元素并从其兄弟中删除 :

$(".menu").on("click", "li", function () {
    $(this).addClass("selected");
    $(this).siblings().removeClass("selected");
});

该方法采用可选的 selector 参数,如果你需要缩小要选择的兄弟节点类型,可以使用该参数:

$(this).siblings("li").removeClass("selected");