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