Como llegar sólo elementos hijos directos de la función jQuery

Question

que tengo una estructura de tabla como la siguiente:

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

en JavaScript, tengo una variable tbl con valor de $(table1), y luego quiero conseguir todos los niños directa elementos (tr) de <tbody> de table1. Mi código es:

$('tr', tb1) 

Al parecer, devuelve todos los elementos <tr> en tabla1 y tabla2. Creo que puedo recibir al

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

o este tipo de lógica.

Sé $('table1 > tbody > tr') puede conseguir el niño directo tr. Lamentablemente no puedo usar esto.

¿Alguien tiene una buena idea sobre esto?

Gracias.

Answer 1

Puede utilizar find():

tbl.find("> tbody > tr")

Answer 2

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

$('tb1 > tr')

Answer 3

Esta es exactamente la razón por la que uno debe tener cuidado con mesas nido. Realmente espero que los uses para datos y no para el diseño de la página.

Otro problema que probablemente arruine su día es usar selectores CSS en tablas anidadas ... básicamente tiene el mismo problema: no puede seleccionar elementos TR de la tabla externa sin seleccionar también aquellos dentro de la tabla interna. (No se puede utilizar el selector de hijo porque no se implementa en IE6)

Esto debería funcionar:

$("#table1 > tbody > tr") 

Sin embargo, le recomiendo que codificar el elemento TBODY, ya que no se debe confiar en que el navegador crearlo para ti.

Answer 4

Como @ jave.web mencionado en los comentarios

Para buscar a través de los hijos directos de un elemento .children() utilizar. Solo buscará a través de los niños directos y no atravesará más. http://api.jquery.com/children/