JQuery：イベント委任を使用すると、すべてのセレクタに対してアクションを適用できますか？

Question

私は私がやりたい何な

<ul id="ul_one"> 
    <li>list item</li> 
    <li>list item</li> 
    <li class="active">list item</li> 
</ul> 
<ul id="ul_two"> 
    <li>list item</li> 
    <li>list item</li> 
    <li class="active">list item</li> 
</ul> 

以下のように2つのULのを持っているが最初のs「の両方<ul>にS」の<li>から「アクティブ」クラスを削除してからちょうどに 『アクティブ』クラスを適用されますクリックしたアイテム。たとえば、私は代表団を使用していますという事実を考えると

$('#ul_one, #ul_two').on('click', 'li', function(e) 
{ 
    var clicked = e.target; 
    $('#ul_one, #ul_two').find('li.active').removeClass('active'); 
    $(clicked).addClass('active'); 
}); 

のために、私は再び名前によってそれらを参照することなく、両方の<ul>年代からクラスを削除することができます方法があります。だからではなく、というのが：

$('#ul_one, #ul_two').find('li.active').removeClass('active'); 

私のような何かを言うことができます。

$('ALL items in the original selector').find('li').removeClass('active'); 

Answer 1

最善のことはULに関してをキャッシュすることです。

var uls = $('#ul_one, #ul_two'); 
uls.on('click', 'li', function() { 
    uls.find('li.active').removeClass('active'); 
    $(this).addClass('active'); 
});