jquery: uso (“padre> figlio”) con le variabili

Question

Per esempio io ho un <div class="first">, contente altri <div> 's e prima quello selezionato e lo spinse nella variabile

variable = $('div.first') 

E ora voglio qualcosa di simile

$(variable + " > div") 

so, sembra stupido ma se avevo un array, contente righe della tabella e devo accedere alle colonne all'interno di una riga specifica:

var tableRows = $('table > tbody > tr'); 
var tableBodyCols = $(tableRows[i]+'> td'); // Doesn't work :(

Answer 1

Usa .children()

var tableBodyCols = tableRows.children('td'); 

O un selettore di contesto:

var tableBodyCols = $('> td', tableRows); 

Entrambi sono equivalenti, ma il primo è più facile da leggere imho.

Ecco un fiddle dimostrando entrambi.

---

E per iterare su tutti i giochi di bambini di fila each tabella:

tableRows.each(function() { 
    var tableBodyCols = $(this).children('td'); 
    //... 
}); 

Ma se davvero preferisce un ciclo for o è necessario per ottenere le colonne di una riga specifica, quindi eq è tuo amico .

for (var i = 0; i < tableRows.length; i++) { 
    var tableBodyCols = tableRows.eq(i).children('td'); 
    //... 
} 

Ecco l'aggiornamento fiddle.

Answer 2

Per ottenere le cellule della fila di indice di i, si possono utilizzare

var tableBodyCols = $('td', tableRows[i]); 

Se davvero può avere più di un livello di td, utilizzare

var tableBodyCols = tableRows.eq(i).children('td'); 

o utilizzare il dom nativo oggetto:

var tableBodyCols = tableRows[i].cells; 

Answer 3

Se si desidera tutto<td> celle, utilizzare:

var tableBodyCols = tableRows.children('td'); 

Se si desidera solo quelli per un specifica fila i:

var tableBodyCols = tableRows.eq(i).children('td'); 

dove i inizierà da zero per la prima riga.

Answer 4

Non è possibile eseguire $(variable + " > div") perché variable non è una stringa ma un elemento jquery.

Ma si può provare:

variable.children("div");