Javascript 兄弟姐妹（）不适用于ul li下的链接

我有两个子菜单，当它们使用此jquery代码处于活动状态时，我会高亮显示它们：

<script type="text/javascript">
$(document).ready(function(){
    $('#links').click(function(){
        $(this).addClass('selected');
        $(this).siblings().removeClass('selected');
    });
})
 </script>

$（文档）.ready（函数（）{
$（“#链接”）。单击（函数（）{
$（this.addClass（'selected'）；
$（this.sides（）.removeClass（'selected'）；
});
})

但现在我有另一个子菜单，我想使用相同的代码，但它不工作，因为兄弟姐妹（）函数在其中不工作，因为链接在li标记下！下面是我尝试的代码：

<script type="text/javascript">
$(document).ready(function(){
    $('.tabs_rubriken  a').click(function(){
        $(this).addClass('selected');
        $(this).siblings().removeClass('selected');
    });
})
 </script>

$（文档）.ready（函数（）{
$（'.tabs_rubriken a'）。单击（函数（）{
$（this.addClass（'selected'）；
$（this.sides（）.removeClass（'selected'）；
});
})

当我点击它们时，它们会被放大，但当在菜单中点击其他链接时，它们不会删除“选定”类。顺便说一下，这个菜单必须与ul li一起订购

标记：

<div id="tab2">
<ul class="tabs_rubriken">
    <li><a class="submenu_produkts_links2" href="#armreifen">Armreifen</a></li>
    <li><a class="submenu_produkts_links2" href="#colliers">Colliers Anhänger</a></li>
    <li><a class="submenu_produkts_links2" href="#ohrschmuck">Ohrschmuck</a></li>
    <li><a class="submenu_produkts_links2" href="#ringe">Ringe</a></li>
</ul>
<div id="armreifen">[tabs slidertype="images" auto="yes" autospeed="4000"]
[imagetab width="800" height="500"] image.png [/imagetab]
[imagetab width="800" height="500"] image.png [/imagetab]
[/tabs]</div>
<div id="colliers">Colliers Anhänger</div>
<div id="ohrschmuck">Ohrschmuck</div>
<div id="ringe">Ringe</div>
</div>

[tabs slidertype=“images”auto=“yes”autospeed=“4000”]
[imagetab width=“800”height=“500”]image.png[/imagetab]
[imagetab width=“800”height=“500”]image.png[/imagetab]
[/tabs]
安格尔煤矿公司
乌尔施穆克
林格

您可以发布您的标记吗？Traverse

$（this）.addClass（…）.parent（）.sibbins（）.children（'a'）.removeClass（…）

您应该研究这些文档。@user1689607我这样做了，但它的工作是选择li，并且不删除类again@TooCooL：我最初在错误的元素上使用了

addClass

。尝试当前的示例。或者：

$（this）.addClass（'selected'）.closest（'li'）.find（'a'）.removeClass（'selected'）a

元素中删除

selected

类，因此如果您的其他导航菜单使用

a

元素，它将受到此代码的影响。不确定这是否是您的代码的问题。@TooCooL无需担心。你可能想等待，看看是否还有其他答案。答案被接受的问题会受到较少的关注。@user1689607修复了这个边缘case@user1689607添加兄弟姐妹在哪里？

$(document).ready(function(){
    $('.tabs_rubriken a').click(function(){
        $('a.selected', this.parentElement.parentElement).removeClass('selected');
        $(this).addClass('selected');
    });
})