Как получить только прямые дочерние элементы с помощью функции jQuery

У меня есть такая структура таблицы:

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

В javascript у меня есть переменная tblсо значением $(table1), а затем я хочу получить все прямые дочерние элементы (tr) <tbody>of 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, так как вы не должны полагаться на браузер, который создаст его за вас.

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

$('tb1 > tr')

Если у вас есть идентификаторы обоих элементов, и вы хотите найти прямое использование элемента ниже, код

$("#parent > #two")

Если вам нужен вложенный поиск, вы можете использовать find. Это подробно объясняется здесь. https://handyopinion.com/jquery-selector-find-nested-child-elements/