jQuery限制同一类的IAMGE数量

我想限制image类显示的图像数量。我目前有以下情况：

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

干杯， 丹

或者只是：

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

HTML

---

为父元素指定一个

5*imgHeight

的高度，以及

overflow:hidden

。如果您不知道图像的高度，那么使用javascript动态地为父元素指定高度。

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

<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" />

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