Come ottenere solo elementi figlio diretti dalla funzione jQuery

Ho una struttura della tabella come questa:

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

In javascript, ho una variabile tblcon valore di $(table1)e quindi voglio ottenere tutti gli elementi figlio diretti (tr) di <tbody>di table1. Il mio codice è:

$('tr', tb1)

Apparentemente restituisce tutti gli <tr>elementi in table1 e table2. Penso di riuscire a cavarmela

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

o questo tipo di logica.

So di $('table1 > tbody > tr')poter ottenere il figlio diretto tr. Purtroppo non posso usarlo.

Qualcuno ha una buona idea di questo?

Grazie.

Puoi usare find():

tbl.find("> tbody > tr")

Come @ jave.web menzionato nei commenti

Per cercare tra i figli diretti di un elemento usa .children(). Cercherà solo attraverso i bambini diretti e non andrà più in profondità. http://api.jquery.com/children/

Questo è esattamente il motivo per cui si dovrebbe stare attenti con le tabelle di nidificazione. Spero davvero che tu li usi per i dati e non per il layout di pagina.

Un altro problema che probabilmente ti rovinerà la giornata è l'utilizzo di selettori CSS su tabelle nidificate ... fondamentalmente hai lo stesso problema: non puoi selezionare gli elementi TR della tabella esterna senza selezionare anche quelli all'interno della tabella interna. (Non è possibile utilizzare il selettore figlio perché non è implementato in IE6)

Questo dovrebbe funzionare:

$("#table1 > tbody > tr")

Tuttavia, ti consiglio di codificare come hardcoded l'elemento TBODY, poiché non dovresti fare affidamento sul browser per crearlo per te.

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

$('tb1 > tr')

Se si dispone degli ID di entrambi gli elementi e si desidera trovare l'elemento diretto, utilizzare il codice riportato di seguito

$("#parent > #two")

Se vuoi una ricerca annidata puoi usare find. È spiegato in dettaglio qui. https://handyopinion.com/jquery-selector-find-nested-child-elements/