Como obter apenas elementos filhos diretos pela função jQuery

Tenho uma estrutura de tabela como esta:

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

Em javascript, eu tenho uma variável tblcom valor de $(table1)e, em seguida, quero obter todos os elementos filhos diretos (tr) <tbody>de table1. Meu código é:

$('tr', tb1)

Aparentemente, ele retorna todos os <tr>elementos da tabela1 e da tabela2. Eu acho que posso sobreviver

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

ou esse tipo de lógica.

Eu sei que $('table1 > tbody > tr')posso pegar o filho direto tr. Infelizmente não posso usar isso.

Alguém tem uma boa ideia sobre isso?

Obrigado.

Você pode usar find():

tbl.find("> tbody > tr")

Como @ jave.web mencionado nos comentários

Para pesquisar os filhos diretos de um uso de elemento .children(). Ele só pesquisará através dos filhos diretos e não penetrará mais fundo. http://api.jquery.com/children/

Este é exatamente o motivo pelo qual devemos ter cuidado com o aninhamento de tabelas. Eu realmente espero que você os use para dados e não layout de página.

Outro problema que provavelmente arruinará o seu dia é o uso de seletores CSS em tabelas aninhadas ... você basicamente tem o mesmo problema - você não consegue selecionar os elementos TR da tabela externa sem selecionar aqueles dentro da tabela interna também. (Você não pode usar o seletor filho porque ele não é implementado no IE6)

Isso deve funcionar:

$("#table1 > tbody > tr")

No entanto, eu recomendo que você codifique o elemento TBODY, uma vez que você não deve depender do navegador para criá-lo para você.

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

$('tb1 > tr')

Se você tiver ids de ambos os elementos e quiser encontrar o elemento direto, use o código abaixo

$("#parent > #two")

Se você quiser uma pesquisa aninhada, pode usar find. Isso é explicado em detalhes aqui. https://handyopinion.com/jquery-selector-find-nested-child-elements/