jquery - jQuery限制具有相同类的图像数量

Question

我想限制图像类显示的图像数量。我目前有以下内容：

<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”类的图像

干杯，丹

Answer 1

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

要不就：

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

Answer 2

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