javascript - 如果 href=url 更改/添加类到父元素

Question

我正在构建一个小菜单，如果当前查看的是子菜单项，我需要 jQuery 的帮助来添加或替换菜单项的类。

<div id="menu">    
    <ul>
        <li><a href="home.html">Home</a></li>
        <li><a href="page.html">Page</a>
            <ul>
                <li><a href="sub-page-1.html">Page 1</a></li>
                <li><a href="sub-page-2.html">Page 2</a></li>
                <li><a href="sub-page-3.html">Page 3</a></li>
            </ul>
          </li>
    </ul>
</div>

所以基本上，如果当前查看了一个子菜单项 (ul li ul li)，我必须向其父菜单项 (ul li) 添加一个类。

我在网站上发现了一个类似的问题，但不包括子菜单部分，我对 jQuery 一无所知。

jQuery.noConflict();
jQuery(document).ready(function() {
   jQuery('ul#menuHov a[href$="' + window.location.pathname + '"]').addClass("menuHov"); 
});

提前致谢

Answer 1

试试这个:

jQuery.noConflict();
jQuery(document).ready(function() {
   jQuery('li a[href$="' + window.location.pathname + '"]').parent('li').addClass("menuHov"); 
});