jQuery 选择兄弟姐妹
示例
要选择一个项目的同级,可以使用方法。.siblings()
您想在菜单中修改项目同级的一个典型示例:
<ul class="menu">
<li class="selected">Home</li>
<li>Blog</li>
<li>About</li>
</ul>当用户单击菜单项时,selected该类应添加到clicked元素中,并从其同级中删除:
$(".menu").on("click", "li", function () {
$(this).addClass("selected");
$(this).siblings().removeClass("selected");
});该方法带有一个可选selector参数,如果您需要缩小想要选择的兄弟姐妹的种类,可以使用该参数:
$(this).siblings("li").removeClass("selected");