jquery - 选中单选按钮时更改表格单元格的颜色

Question

我希望当单选按钮被选中时，与我的单选按钮单元格相邻的单元格突出显示为绿色，当它移动到未选中状态时，我希望单元格变回灰色。换句话说，包含获胜团队值的单选按钮应将包含该团队名称的单元格变成绿色。

$('input:radio').checked(function() {
  $(this).closest('td').addClass('highlight');
});

.highlight {
  background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<tr id='game_1'>
  <td class='bowl'>Fiesta Bowl</td>
  <td id='radiocell'>
    <input type='radio' name=1 value='Arizona'></input>
  </td>
  <td class='team1'>Arizona</td>
  <td id='radiocell'>
    <input type='radio' name=1 value='Boise State'></input>
  </td>
  <td class='team2'>Boise State</td>
  <td class='gameDay'>January 1</td>
</tr>

Answer 1

$('input:radio').change(function() {
    var $td = $(this).parent();
    $td.siblings().removeClass('highlight');
    $td.next().addClass('highlight');
});

这是一个fiddle