选择兄弟姐妹
要选择项目的兄弟姐妹,你可以使用 .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");