如何通过jQuery函数仅获取直接子元素

我有一个这样的表结构：

<table1>
  <tbody>
    <tr>
      <td></td>
        ...
      <td>
        <table2>
          <tbody>
            <tr>
              <td></td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
   </tbody>
  </table>

在javascript中，我有一个tbl值为的变量$(table1)，然后我想获取of<tbody>的所有直接子元素（tr）table1。我的代码是：

$('tr', tb1)

显然，它返回<tr>表1和表2中的所有元素。我想我可以过

$('tr', tb1).not(function(){return $(this).parent().parent()[0] != tb1;})

或这种逻辑。

我知道$('table1 > tbody > tr')可以得到直接的孩子tr。不幸的是我不能使用它。

有人对此有好主意吗？

谢谢。

您可以使用find()：

tbl.find("> tbody > tr")

正如@ jave.web在评论中提到的

要搜索元素的直接子元素，请使用.children()。它只会搜索直系子级，而不会遍历任何更深层。http://api.jquery.com/children/

这正是为什么要谨慎使用嵌套表的原因。我真的希望您将它们用于数据而非页面布局。

另一个可能会破坏您的一天的问题是在嵌套表上使用CSS选择器...您基本上遇到了同样的问题-您无法选择外部表的TR元素，也不能选择内部表中的元素。（您不能使用子选择器，因为它未在IE6中实现）

这应该工作：

$("#table1 > tbody > tr")

但是，我建议您对TBODY元素进行硬编码，因为您不应该依赖浏览器为您创建它。

http://api.jquery.com/child-selector/

$('tb1 > tr')

如果您同时拥有两个元素的ID，并且想查找直接元素，请使用以下代码

$("#parent > #two")

如果要嵌套搜索，可以使用find。在此进行详细说明。 https://handyopinion.com/jquery-selector-find-nested-child-elements/