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, как бы я ограничить выше говорить только показать 5 изображений с классом "lImg"

Чирза, Dan

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