jquery - JQuery 如果一个元素的 href 属性等于另一个元素的 href 属性，则

Question

我有两个元素，一个右键菜单和一个分页菜单。两个菜单都包含相同的 href 链接。

右菜单

<ul class="right-menu">
<li class="menu-item">
<a href="#p1">anchor link one</a>
</li>
<li class="menu-item">
<a href="#p2">anchor link two</a>
</li>
</ul>

分页菜单

<div class="page_nav">
<a class="page_link" href="#p1">1</a>
<a class="page_link active_page" href="#p2">2</a>
</div>

我想知道在单击分页导航中的等效链接/href 时如何向“右侧菜单”添加一类“活动”。

提前感谢您的帮助。

Answer 1

$(".page_nav a").click(function() {
    $(".right-menu a")
        .removeClass("active")
        .filter("[href=" + $(this).attr("href") + "]")
        .addClass("active");
});

演示在这里

Answer 2

就像是：

$('.page_link').click(function(){

    var href = $(this).attr('href');
    $('.right-menu a').removeClass('active');
    $('.right-menu a[href='+href+']').addClass('active');

});

注：未测试