微客导航 » 文章资讯 » jQuery 选择兄弟姐妹

jQuery 选择兄弟姐妹

2024-04-14 00:46:05 472

示例

要选择一个项目的同级，可以使用方法。.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");