jquery - 子项打开时突出显示主菜单项

Question

在我的网站中，我有一个菜单栏，其中包含一些项目的下拉菜单。查看其中一个子页面时，我希望突出显示菜单栏中的父项 ( class='active)。

这是我的代码：

<div id="sidebar-left">
    <div class="menu">
        <ul class="listeohne">
            <li class="color1" id='active'><a href="index.php">Startseite</a>
            </li>
            <li class="color2"><a href="">Wer wir sind</a>

                <ul>
                    <li class="whiteback">
<a href="werwirsind.php">Einf&uuml;hrung</a> 
                    </li>
                    <li class="whiteback"><a href="statuten.php">Statuten</a> 
                    </li>
                    <li class="whiteback"><a href="vorstand.php">Vorstand </a> 
                    </li>
                    <li class="whiteback borderbottomgrey"><a href="pdf/organigramm_svnw_13.pdf">Organisation </a> 
                    </li>
                </ul>
            </li>

查看示例网站 www.nzz.ch。我的网站是 www.svnw.ch。

我尝试了这个论坛中描述的许多解决方案，但没有一个对我有用，但我不是专家。

Answer 1

获取您当前所在页面的链接：

var pathname = window.location.pathname; 

或者

$(location).attr('href');

通过在 JavaScript 中获取当前 URL？

然后在菜单中搜索href等于“路径名”的a并添加“.active”类！

 $('a[href$="ABC"]').






 $(function(){
    var actlink = $(location).attr('href');

    $('a[href$="actlink"]').parent("li").addClass('active');
})

或者

$(function(){
    var actlink = $(location).attr('href');

    $('ul > li > a[href$="actlink"]').parent("li").addClass('active');
});

不确定它是否有效。没测试过！