如何使用javascript查找父元素

Question

我想在单击单元格内的单选按钮时更改表格单元格的背景颜色。

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

如何获取父元素引用？

Answer 1

使用普通的javascript：

element.parentNode

在jQuery中：

element.parent()

Answer 2

使用选择的更改事件：

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