jQueryページネーション：質問が含まれています

Question

私はお互いの鏡である必要がある2つの順序付けられていないリストを持っています。これらのリストは、ユーザーが返す結果のサイズを選択する方法として使用しています。これらのリンクのいずれかをクリックしたときに

<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のを使用していますが、私は2番目のリストにこのクラスを追加する方法が必要です。私は最初に含まれているテキストの使用を考えましたが、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'); 
});