jQuery的，在同一時間

Question

改5項如果我有類似這樣的標記：

if ($('.supress').hasClass('hidden')) { 
    $('.supress').removeClass('hidden'); 
} 

編輯：

<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 
<li class="supress hidden"></li> 

我可以寫刪除類= 「隱藏」我之前嘗試：

if ($('.supress:lt(5)').hasClass('hidden')) { 
    $('.supress').removeClass('hidden'); 
} 

但是我該怎麼辦，如果我只想從第一個五我刪除「隱藏」類TEMS？

Answer 1

我會使用$.slice切斷前5：

$('.supress.hidden').slice(0, 5).removeClass('hidden'); 

雖然可以使用:lt選擇了相同的結果，但不建議在its own page：

因爲:lt()是一個jQuery擴展，並且不是CSS規範的一部分，查詢使用：lt（）不能利用 p由原生DOM querySelectorAll（）提供的性能提升 方法。 爲了在現代瀏覽器中獲得更好的性能，請使用 $（「your-pure-css-selector」）。slice（0，index）代替。

Answer 2

$('.supress').each(function(i){ 
    if(i < 5 && $(this).hasClass('hidden')){ 
      $(this).removeClass('hidden'); 
    } 
}); 

Answer 3

你可以獲得多個類的元素，所以你不需要檢查是否有類。

$('.supress.hidden').slice(0,5).removeClass('hidden'); 

Answer 4

$(".supress.hidden:lt(5)").removeClass('hidden') 

Answer 5

jQuery提供很多方法可以做到這一點：

• 看那jQuery methods for Traversing。特別是，您可以使用the .slice() method
• 看先進的selectors。特別是，'.supress:lt(5)'。