使用jQuery从TR父级中选择第一个TD子级

Question

我有以下内容：

<tr>
  <td>Value 1</td>
  <td>Value 2</td>
  <td>Value 3</td>
</tr>

现在，使用jQuery我这样做：

var jTR = $('tr');
var jFirstChild = jTR.find(':first-child');

但是jFirstChild.length返回0。

我也发现当我执行jTR.length时它也返回0。

最终，我试图找到表格行的第一个孩子，然后删除第一个孩子。

当我这样做时：

<div>
  <p>Value 1</p>
  <p>Value 2</p>
  <p>Value 3</p>
 </div>

与

var jDiv = $('div');

jDiv.length按预期返回3.

我不能直接选择TR元素吗？

Answer 1

尝试：

$('tr td:first')

但你必须确保$（'tr'）。长度＆gt; 0

当人们得到$（'tr'）。length === 0时，TR元素可能没有附加到文档中，或者在错误的上下文中。

Answer 2

$('tr').length不再是0，如果它包含在table内，至少在Chrome中。也许Chrome的DOM解析器在tr之外时不会创建table，因为它是无效的HTML。请参阅my working fiddle。