jQuery限制相同類別的內容量

我想限制圖像類顯示的圖像數量。目前，我有以下幾點：jQuery限制相同類別的內容量

<img class="lImg" src="image.jpg" /> 
<img class="lImg" src="image.jpg" /> 
<img class="lImg" src="image.jpg" /> 
<img class="lImg" src="image.jpg" /> 
<img class="lImg" src="image.jpg" /> 
<img class="lImg" src="image.jpg" /> 
<img class="lImg" src="image.jpg" />

使用jQuery我怎麼會限制上面說只顯示5個圖像與類「lImg」的

乾杯，丹

來源

2013-06-18 danyo

給予父元素的高度爲'5 * imgHeight'並且還'溢出：hidden'。如果您不知道圖片的高度，請使用javascript動態調整父元素的高度。 –

$('.lImg').each(function(i){ 
    if(i>4) 
     $(this).hide(); 
});

或者只是：

$('.lImg:gt(4)').hide();

來源

2013-06-18 13:02:44

完美，謝謝！ – danyo

看到更新的答案，可能會更好 –

HTML

<img class="lImg show" src="image.jpg" /> 
<img class="lImg show" src="image.jpg" /> 
<img class="lImg show" src="image.jpg" /> 
<img class="lImg show" src="image.jpg" /> 
<img class="lImg show" src="image.jpg" /> 
<img class="lImg" src="image.jpg" /> 
<img class="lImg" src="image.jpg" />

CSS

.lImg {display:none;} 
.lImg.show {display:block;}

來源

2013-06-18 13:04:11 moustacheman

這是一個不好的解決方案，因爲這不起作用。 – Broxzier

jQuery限制相同類別的內容量

回答

相關問題