刪除列表中的類x數

Question

試圖找出一種方法來刪除列表項中的4個組中的類。

因此，假設我有一個包含50個列表項目的unorder列表，其中有40個項目具有「隱藏」類別。我有一個處理點擊事件的按鈕來刪除li的hide類中的4個。

HTML

<ul> 
    <li>foo</li> 
    <li>foo</li> 
    <li>foo</li> 
    <li>foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
    <li class="hide">foo</li> 
</ul> 
<button>Click me to see the next 4 items</button> 

的JavaScript

$('button').click(function() { 
    $('li.hide').removeClass('hide'); 
}) 

Answer 1

嘗試這樣

$('button').on('click',function() { 
    $('li.hide').each(function(i) { 
     if (i == 4) 
      return false; 
     $(this).removeClass('hide'); 
    }); 
}); 

Answer 2

使用:lt()選擇：

$('button').click(function() { 
    $('li.hide:lt(4)').removeClass('hide'); 
}); 

小提琴：http://jsfiddle.net/mrub5b0z/