Question

我有两个子菜单，当他们使用这个jquery代码激活时我会高亮显示它们：

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

但现在我有另一个子菜单，我想使用相同的代码，但它不起作用，因为兄弟姐妹（）函数不会在其中工作，因为链接在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');
    });
})

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

1 个答案: