jquery - 事件 URL 菜单的事件类(不使用 LI)

Question

我有这个 HTML 代码，我想向事件链接中包含的 div 添加一个“事件”类。 (我故意在不使用无序列表的情况下创建了这个导航。)

<nav role="navigation" id="navigation">
<a href="rings-c-24.html" title="Rings"><div class="primary-navigation">Rings</div></a>
<a href="earrings-c-23.html" title="Earrings"><div class="primary-navigation">Earrings</div></a>
<a href="necklaces-c-26.html" title="Necklaces"><div class="primary-navigation">Necklaces</div></a>
<a href="bracelets-and-bangles-c-22.html" title="Bracelets & Bangles"><div class="primary-navigation">Bracelets & Bangles</div></a>
</nav><!-- end of navigation-->

我试过类似的方法，但我确定我没有正确引用我的 parent 和 child 。请帮忙，谢谢!

$(function(){
    var current = location.pathname;
    $('.primary-navigation').each(function(){
        var $this = $(this).parent();
        // if the current path is like this link, make it active
        if($this.attr('href').indexOf(current) !== -1){
            $this.addClass('active');
        }
    })
}) 

Answer 1

您可以为此使用属性选择器:

$("#navigation a[href='"+location.pathname+"']").find(".primary-navigation").addClass("active");

或者如果您想将类添加到 <a>标签:

$("#navigation a[href='"+location.pathname+"']").addClass("active");