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>

我想知道如何添加一个＆＃34; active＆＃34;进入＆＃34;右键菜单＆＃34;单击分页导航中的等效链接/ href时。

提前感谢您的帮助。

Answer 1

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

Demo here

Answer 2

类似的东西：

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

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

});

注意：未经过测试

JQuery如果元素的href属性等于另一个元素的href属性，那么

2 个答案: