2012-09-26 114 views
1

我有兩個元件,一個右菜單和分頁菜單。這兩個菜單都包含相同的href鏈接。JQuery的如果一個元素href屬性是等於另一種元素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時分頁導航。

在此先感謝您的幫助。

+1

你要積極加入到分頁導航,當您點擊右邊的等效鏈接菜單? –

回答

0

類似:

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

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

}); 

注:未測試

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

Demo here

+0

謝謝!這很好。我唯一的問題是現在的分頁已經.next_link(>)和.previous_link(<),其導航。如何將.active添加到正確的菜單中? – belakbox

+0

我試圖upvote,但還不能。再次感謝。 – belakbox

+0

您可以編輯您的問題,併發布更新的要求(更詳細一點)。 –

相關問題