jQuery分頁：包含問題

Question

我有兩個無序列表，它們需要是彼此的鏡像。我使用這些列表作爲用戶選擇他們希望返回的結果的大小的一種方式。

<ul> 
    <li><a class='myclass selected' title='display 5'>5</a></li> 
    <li><a class='myclass' title='display 10'>10</a></li> 
    <li><a class='myclass' title='display 15'>15</a></li> 
    <li><a class='myclass' title='display 20'>20</a></li> 
    <li><a class='myclass' title='display 50'>50</a></li> 
</ul> 
<div id='content'></div> 
<ul> 
    <li><a class='myclass selected' title='display 5'>5</a></li> 
    <li><a class='myclass' title='display 10'>10</a></li> 
    <li><a class='myclass' title='display 15'>15</a></li> 
    <li><a class='myclass' title='display 20'>20</a></li> 
    <li><a class='myclass' title='display 50'>50</a></li> 
</ul> 

當其中一個鏈接被點擊我使用jQuery來添加一個類，使包含的文本加粗，但我需要加入這一類的第二列表的方式。我最初認爲使用包含的文本，但當5被點擊15和50也有這個類添加我知道爲什麼，因爲他們有5文本內，但我堅持要補救這一點。

$('a.myclass').live('click',function(){ 
    var size = $(this).text(); 
    $('a.myclass').removeclass('selected'); 
    $('a.myclass:contains('+size+')').addClass('selected'); 
}); 

問題是

Answer 1

如果它只是在列表中，這將是一個解決方案。 您可以使用$（this），這是對點擊鏈接的引用。

$('a.myclass').live('click',function(){ 
    var size = $(this).text(); 
    $('a.myclass').removeclass('selected'); 
    $(this).addClass('selected'); 
}); 

這可能是解決鏡像列表問題的方法。 （其中有兩個相同的列表）

HTML：

<ul> 
    <li><a class='myclass size-5 selected' title='display 5'>5</a></li> 
    <li><a class='myclass size-10' title='display 10'>10</a></li> 
    <li><a class='myclass size-15' title='display 15'>15</a></li> 
</ul> 
<div id='content'></div> 
<ul> 
    <li><a class='myclass size-5 selected' title='display 5'>5</a></li> 
    <li><a class='myclass size-10' title='display 10'>10</a></li> 
    <li><a class='myclass size-15' title='display 15'>15</a></li> 
</ul> 

的JavaScript

$('a.myclass').live('click',function(){ 
    var size = $(this).text(); 
    $('a.myclass').removeclass('selected'); 
    $('size-'+size).addClass('selected'); 
});