Access Table Row contenente il pulsante di opzione - jquery

Ho una tabella contenente un numero di righe, in cui ogni riga contiene 3 elementi td, l'ultimo dei quali è sempre un pulsante di opzione.

Ho una funzione jquery che viene attivata quando uno di questi pulsanti radio è selezionato:

 $("input[type=radio]").change(function() {
$("input[type=radio]").each(function(index) {
//remove class from tr
});
//add class selected to tr
});

Quello che sto cercando di fare è cambiare la classe deltr contenente il pulsante di opzione selezionato su "selezionato" e rimuove la classe "selezionata" dall'opzione selezionata in precedenza (per evidenziare). C'è un modo per accedere al tr dal pulsante di opzione?

risposte:

Prova questo:

$("input[type=radio]").change(function() {

$("input[type=radio]").each(function(index) {
$(this).closest("tr").removeClass("selected");
});

$(this).closest("tr").addClass("selected");
});

Nota che potresti renderlo più breve $(":radio") piuttosto che $("input[type=radio]").

Ulteriori informazioni:

• http://api.jquery.com/closest/

Bene, questo può essere fatto semplicemente rimuovendo la classe selected da tutto tr, e quindi aggiungendo dove vogliamo. Semplice eh ..

$("input[type=radio]").change(function() {
$(this).parents("table").find("tr").removeClass("selected");
$(this).parents("tr:first").addClass("selected");
});