jQuery隐藏最后5个div

时间:2013-02-04 22:21:47

标签: jquery html

我如何show使用班级div的前5个.stream?喜欢哪个选择器?在jQuery中。

我们说我有这个:

<div class='stream'>I'm testing this out
    <br><br>
    <div style='position:absolute;bottom:20px;right:20px;color:gray;'> - dumbsearch</div>
</div>
<br>
<div class='stream'>jo
    <br><br>
    <div style='position:absolute;bottom:20px;right:20px;color:gray;'> - dumbsearch</div>
</div>
<br>
<div class='stream'>what dat?
    <br><br>
    <div style='position:absolute;bottom:20px;right:20px;color:gray;'> - dumbsearch</div>
</div>
<br>
<div class='stream'>hey
    <br><br>
    <div style='position:absolute;bottom:20px;right:20px;color:gray;'> - dumbsearch</div>
</div>

所有和div类的stream都设置为display:none,我将如何显示前5个?

非常感谢! :)

1 个答案:

答案 0 :(得分:2)

$('div.stream:lt(5)').show();// MaGiC!!! yAy! :-D

演示:http://jsfiddle.net/maniator/gJFz9/