如何选择jQuery对象的所有子节点的第一个子节点？

Question

我有一个<tr>，其中包含多个<td>个，其中每个<div>只包含一个<tr id="foo"> <td><div>...</div></td> <td><div>...</div></td> ... <td><div>...</div></td> </tr> ，可能还有其他结构：

obj = $('#foo')

给定一个jQuery选择器<div>，我怎样才能得到一个指向<td>直接位于<tr>下<div>下所有$('#foo > td > div') 的选择器。 obj s）？换句话说，我如何组成一个等同于：

的选择器

$('#foo')

使用obj.someFunction()形式的chldren()（定义为find()）？

可能{{1}}和/或{{1}}可能相关，但我不确定。

Answer 1

您可以随时致电.children()两次：

obj.children('td').children('div')

Answer 2

obj.find（'td＆gt; div'）;与$（'＃foo td＆gt; div'）相同;

obj.children（'td＆gt; div'）;与$（'＃foo＆gt; td＆gt; div'）;

相同

Answer 3

你可以在jQuery中使用它：

$("#foo td > div:first-child")

演示：http://jsfiddle.net/jfriend00/EHZK8/

这将选择第一个子div，即使有多个子div，它也会避免子子div。