观看的元素通过使用jQuery

Question

类指望我有简单的HTML：

ul > li > button 

，并有一些JavaScript代码：

$('.side-filters .filters_list li').each(function(){ 
    $(this).find('button').click(function(){ 

     var arrList = $('.side-filters .filters_list li .active').map(function(){ 
      return $(this).attr('id'); 
     }).get(); 

     if($(this).hasClass('active')) { 
      $(this).removeClass('active'); 

     } else { 
      $(this).addClass('active'); 
     } 
    }); 
}); 

如果我点击一个按钮，添加类“主动”的按钮，如果再次点击，请删除类。

我需要活动计数元素和'活动'类。如果至少有一个给定的ul类为“someclass”，并且如果再次单击并且没有活动类的元素，请从UI中删除“someclass”。

我该怎么做？

Answer 1

有过的元素无需环路和点击添加到每个按钮。添加一个侦听器。

//listen for click on a button 
$('.side-filters', "click", ".filters_list li button", function(){ 

    //toggle the active class on the button 
    var button = $(this).toggleClass("active"); 

    //see if anything is selected 
    var hasSelection = $('.side-filters .filters_list li .active').length > 0; 

    //toggle a class on the closest ul based on if anything is selected. 
    button.closest("ul").toggleClass("someclass", hasSelection); 

}); 

参考文献：

• toggleClass(class [, switch])
• .closest(selector)

Answer 2

您可以添加此function()

function someclass() { 
    var count = $('.active').length; 
    if (count >= 1) { 
     $('ul').addClass('clasHere') 
    } else { 
     $('ul').removeClass('clasHere') 
    } 
}