如何選擇很多孩子的一個DIV內

Question

我有這樣的樹

<div id="chatRooms"> 
<div class="chatRoom">Lala</div> 
<div class="chatRoom">Lolo</div> 
<div class="chatRoom">Lili</div> 
</div> 

​​將選擇所有的孩子，我希望只選擇1，不管這些孩子的.html()的，這只是一個例如，我該怎麼做？

Answer 1

$("#chatRooms").children(".chatRoom")[2]; // returns DOM element 
              not Jquery, must be rewrapped 

或

$("#chatRooms").children(".chatRoom").eq(2); // returns JQuery element 

或

$("#chatRooms > .chatRoom:eq(2)"); // 0-based index! 

或

$("#chatRooms > .chatRoom:nth-child(3)"); // 1-based index! and other differences 

例如:)

Ť這裏也有其他的選擇與選擇（如$("#chatRooms .chatRoom:first")），並與jQuery函數

$("#chatRooms").children(".chatRoom").last() 

編輯：擴大問題的答案也與奧菲爾巴魯和Esben斯科夫佩德森的意見。

Answer 2

您可以使用:eq運算符，:eq將引用您要選擇的元素的索引。

Answer 3

如果依靠隨機選擇很多，你可以得到這個jQuery插件，將介紹：隨機過濾器： http://blog.mastykarz.nl/jquery-random-filter/

那麼你可以有像

$("#chatRooms").children(".chatRoom:random"); 

或者你可以使用的東西像這樣不需要另一個插件

var count = $("#chatRooms > .chatRoom").length; 
var random = Math.Round(Math.random()*count); 
$("#chatRooms > .chatRoom").eq(random);