Cómo encontrar el elemento principal utilizando javascript

Question

Quiero cambiar el color de fondo de la celda de la tabla cuando se hace clic en el botón de opción dentro de la celda.

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

¿Cómo obtener la referencia del elemento primario?

Answer 1

uso de JavaScript sencillo:

element.parentNode 

En jQuery:

element.parent() 

Answer 2

Usar el evento de cambio del selecto:

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