選擇兄弟姐妹

要選擇專案的兄弟姐妹,你可以使用 .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");