jQuery関数で直接の子要素のみを取得する方法

私はこのようなテーブル構造を持っています：

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

JavaScriptでは、私は、変数持つtblの値を$(table1)、そして私は、すべての直接の子要素（TR）を取得したい<tbody>のをtable1。私のコードは：

$('tr', tb1)

どうやらそれは<tr>table1とtable2のすべての要素を返します。私は通り抜けることができると思います

$('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要素をハードコーディングすることをお勧めします。これは、ブラウザーに依存してTBODY要素を作成するべきではないためです。

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

$('tb1 > tr')

両方の要素のIDがあり、コードの下で直接要素を使用する方法を見つけたい場合

$("#parent > #two")

ネストされた検索が必要な場合は、findを使用できます。ここで詳しく説明します。 https://handyopinion.com/jquery-selector-find-nested-child-elements/