So finden Sie das übergeordnete Element mithilfe von JavaScript

Question

Ich möchte die Hintergrundfarbe der Tabellenzelle ändern, wenn auf das Optionsfeld in der Zelle geklickt wird.

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

Wie erhält man die Elternelementreferenz?

Answer 1

Mit Ebene javascript:

element.parentNode 

In jQuery:

element.parent() 

Answer 2

Verwenden Sie das Änderungsereignis der Auswahl:

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