如何选择DIV中的许多孩子中的一个

Question

我有这棵树

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

$("#chatRooms").children(".chatRoom");将选择所有孩子，我只想选择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()

编辑也扩大了答案，并对Ofir Baruch和Esben Skov Pedersen进行了观察。

Answer 2

您可以使用:eq运算符，:eq将引用您要选择的元素的索引。

Answer 3

如果您依赖随机选择很多，您可以获得这个jquery插件，它将引入：random filter： 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);