In JQuery come posso ottenere la cella della tabella adiacente?

Question

Ho una tabella con più righe e ogni riga contiene tre celle. Ogni cella contiene una casella di testo, in modo che appaia simile al seguente:

XXXX XXXX XXXX 

sull'evento keyup della prima casella di testo, voglio il suo contenuto da copiare nella seconda casella di testo, ma non il terzo testo.

evento my keyup Posso ottenere un riferimento alla prima casella di testo. Fare .parent() mi darà la cella, e se voglio, fare di nuovo .parent() mi darà la riga.

Quale JQuery posso utilizzare per ottenere la casella di testo adiacente?

Answer 1

È possibile utilizzare .next() per ottenere il successivo fratello, in questo modo:

var nextTD = $(this).closest("td").next(); 
//for your case: 
$(this).closest("td").next().find("input").val($(this).val()); 

.parent() lavora troppo, .closest() è solo un po 'più flessibile, per voi potrebbe cambiare il markup e che sarebbe ancora andare al più vicino <td> genitore.

Answer 2

Dal .parent()<td>, utilizzare next() per andare al prossimo <td>, quindi .children('input') per ottenere il bambino <input> elemento.

Quindi si finisce con qualcosa di simile nel gestore .

$(this).parent().next().children('input').val(this.value); 

Answer 3

Dare una prova alla funzione next(). Questo seleziona il fratello successivo dell'elemento selezionato.