How to find parent element using javascript

Question

I want to change the background color of a table cell when the radio button in the cell is pressed.

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

How to get a link to the parent element?

Answer 1

Using simple javascript:

 element.parentNode 

In jQuery:

 element.parent() 

Answer 2

Use the change event to select:

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