添加不同类按李标签的数量

Question

的要求是，如果我有两个以上（LI）标签，然后在UL标签应用类“col_3”，否则它应该是一流的“COL_2”

例子： 如果两列

<div class="container"> 
    <ul class="col_2"> 
    <li>One</li> 
    <li>Two</li> 
    </ul> 
</div> 

示例： 如果两个以上的列

<div class="container"> 
    <ul class="col_3"> 
    <li>One</li> 
    <li>Two</li> 
    <li>three</li> 
    <li>four</li> 
    <li>five</li> 
    <li>six</li> 
    <li>seven</li> 
    <li>eight</li> 
    <li>nine</li> 
    </ul> 
</div> 

Answer 1

用途：

if($('.container li').length>2){ 
    $('.container ul').addClass('col_3'); 
}else{ 
    $('.container ul').addClass('col_2'); 
} 

Answer 2

试试这个：遍历所有UL，然后应用类相应

//remove all classes first 

$('.container ul').removeClass('col_2 col_3'); 

//iterate all container and apply class 
$('.container').each(function(){ 
    if($(this).find('li').length >2) 
    $(this).find('ul').addClass('col_3'); 
    else 
    $(this).find('ul').addClass('col_2'); 
});