2010-03-16 15 views
49

Voglio cambiare il colore di sfondo della cella della tabella quando si fa clic sul pulsante di scelta all'interno della cella.Come trovare l'elemento genitore usando javascript

<table> 
    <tr> 
    <td align="center"> 
     <input type="radio" value="foo" 
     onclick="this.parentElement.style.background-color='red';" /> 
    </td> 
    </tr> 
</table> 

Come ottenere il riferimento elemento padre?

+3

'parentElement' è uno strano e del tutto inutile IE- solo proprietà. L'ortografia che stai cercando è 'parentNode'. – bobince

+1

Sarebbe più vantaggioso pubblicare il vero output HTML, non i tag con il sapore di Java. 'h: selectOneRadio' potrebbe facilmente essere convertito in alcuni tag HTML nidificati e selezionare il genitore immediato non funzionerebbe. – DisgruntledGoat

risposta

125

Utilizzo di javascript pianura:

element.parentNode 

In jQuery:

element.parent() 
+0

Ho provato così ma non funziona Achaius

+0

'this' nel tuo caso deve essere un elemento jQuery. prova '$ (questo)'. –

+24

+1 per non aver dato una risposta jQuery –

2

Utilizzare l'evento di modifica del select:

$('#my_select').change(function() 
{ 
    $(this).parents('td').css('background', '#000000'); 
}); 
+1

L'ha etichettato come jQuery? – ryanulit

Problemi correlati