添加不同類按李標籤的數量

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'); 
});