jQuery的點擊並在不同的UL，但相同的類名

Question

我有很多的菜單UI元素和相同的類名的加活動，

我怎樣才能爲UL兒童李單擊即可完成，並添加類「主動」來點擊它，並單擊其它李同UL內將刪除激活，並且激活類添加到點擊裏，我試圖谷歌了一段時間，但沒有找出解決方案，謝謝

jQuery(".uls").each(function(index){ 

    jQuery(this).children('.btn.btn-primary').on("click", function(){ 
     jQuery('.btn.btn-primary').removeClass('active'); 
     jQuery(this).addClass('active'); 
    });  


}); 

HTML：

<ul class="uls"> 
<li class="btn btn-primary"></li> 
<li class="btn btn-primary"></li> 
<li class="btn btn-primary"></li> 
<li class="btn btn-primary"></li> 
</ul> 

<ul class="uls"> 
<li class="btn btn-primary"></li> 
<li class="btn btn-primary"></li> 
<li class="btn btn-primary"></li> 
<li class="btn btn-primary"></li> 
</ul> 

Answer 1

您c烏爾德做這樣的事情與$.fn.siblings方法的幫助：

$('.uls').on('click', '.btn', function() { 
 
    $(this).siblings().removeClass('active'); 
 
    $(this).addClass('active'); 
 
});

.active {color: red;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="uls"> 
 
    <li class="btn btn-primary">one</li> 
 
    <li class="btn btn-primary">two</li> 
 
    <li class="btn btn-primary">three</li> 
 
    <li class="btn btn-primary">four</li> 
 
</ul> 
 

 
<ul class="uls"> 
 
    <li class="btn btn-primary">one</li> 
 
    <li class="btn btn-primary">two</li> 
 
    <li class="btn btn-primary">three</li> 
 
    <li class="btn btn-primary">four</li> 
 
</ul>