JQuery радио-переключатель переключения класса родительского элемента?

Пожалуйста, обратите внимание на следующее:

$('#myRadio').change(function() {           

    if($(this).is(':checked'))  {
        $(this).parent().addClass('green');
    } else {                              
        $(this).parent().removeClass('green');
    }
});

Разметка выглядит следующим образом

<table>
  <tr>
    <td>Some text 1 </td>
    <td><input type="radio" value="txt1" name="myRadio" id="text1" /></td>
    <td>Some text 2 </td>
    <td><input type="radio" value="txt2" name="myRadio" id="text2" /></td>
    <td>Some text 3 </td>
    <td><input type="radio" value="txt3" name="myRadio" id="text2" /></td>
  </tr>
</table>

Когда я переключаю радио, вышеуказанный код javascript применяет «зеленый» к тегу TD, и это нормально. Но если я изменю выбор на другой, он добавляет зеленый к другому, но не удаляет зеленый из ранее выбранного радио.

Как мне сделать так, чтобы выбор опции радио изменил класс родительского TD на зеленый, а выбор другого сбрасывает все, кроме зеленого, только для вновь выбранного!

Можно ли также изменить класс своего первого предыдущего TD, который содержит «некоторый текст 3» и т. Д. ??

Благодарю.

Ответы на вопрос(7)

Ваш ответ на вопрос