jquery - 从未选择的单选按钮的父 中删除类

Question

我想做的是能够突出显示所选单选按钮的父项，我已经做到了。我遇到的问题是从未选择的 radio 中删除 .sel 类。我将在一个表中设置多个 radio 组，每行一个组。

到目前为止，这是我的代码:

$(document).ready(function () {
$('td.radio').click(function () {
    $(this).children('input').prop('checked', true);

    if ($(this).children('input').is(':checked')) {
        $(this).addClass('sel');
    } else {
        $(this).removeClass('sel');
    }
});
});

我在这里设置了一个 jsFiddle，其中包含我目前管理的内容:http://jsfiddle.net/ASMITH/drYTP/5/

Answer 1

从被点击的td的所有 sibling 中移除sel类，然后将其添加到被点击的那个:

    $('td.radio').click(function () {
        var $this = $(this);
        $this.children('input').prop('checked', true);       
        $this.siblings('td').removeClass('sel');        
        $this.addClass('sel');        
    });

http://jsfiddle.net/drYTP/6/