jQuery - 选择表格单元格而不从嵌套表格中选择

Question

我写了一些 jQuery 来从具有特定类的表中选择单元格；在这种情况下，“你好”。但是，该表具有具有同一类列的嵌套表。如何从外部表中选择单元格但不从内部选择单元格？见下文：

HTML：

Answer 1

你想要的是避免递归太深，所以你可以这样：

$('table:first > tbody > tr > td.hello')

我相信这相当于

$('table:first').children('tbody').children('tr').children('td.hello')

Answer 2

如果外部表上的类保留，您可以使用：

$('table.foo > tbody > tr > td.hello');

这里需要注意的一点可能是<tbody> 元素始终 存在，即使您没有明确指定它。由于<tbody> 元素的SGML/HTML/XHTML/whatyacallit 定义的性质，它有一个可选 开始标记。即使源不包含，解析表格时也会创建DOM元素。