javascript - siblings() 不适用于 ul li 下的链接

Question

我有两个子菜单，当它们使用此 jquery 代码激活时，我会突出显示它们:

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

但现在我有另一个子菜单，我想使用相同的代码但它不起作用，因为 siblings() 函数在其中不起作用，因为链接在 li 标签下!这是我试过的代码:

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

当我点击它们时，它们会被高亮显示，但当在该菜单中单击其他链接时，它们不会删除“已选择”类。顺便说一下，这个菜单必须用 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>

Answer 1

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