jquery - jQuery は、同じクラスの iamges の量を制限します

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を使用して、「lImg」のクラスで5つの画像のみを表示するように上記を制限するにはどうすればよいですか

乾杯、ダン

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