jquery - jQueryは最後の5つのdivを非表示にします

Question

クラスでのshow最初の 5秒はどうすればよいでしょうか? どのセレクターを使用しますか? jQuery で。div.stream

私がこれを持っているとしましょう：

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

all とdivクラスの sstreamは に設定されdisplay:noneますが、最初の 5 つを表示するにはどうすればよいですか?

よろしくお願いします！:)

Answer 1

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

デモ: http://jsfiddle.net/maniator/gJFz9/