javascript - 选择新 tr 后将所选 tr 颜色改回原样

Question

到目前为止，我已经弄清楚了我需要在 <tr> 中选择单选按钮的大部分代码。单击该行时 & 更改 <tr> 的颜色单击它时，但我需要能够将颜色改回并更改新 <tr> 的颜色如果用户选择不同的。现在它只是不断改变行的颜色，但不会把它们改回来。代码如下:

<script>
var prevTr;
$('tr').click(
        function() {
            $('input[type=radio]',this).attr('checked','checked');
            $(this).addClass('selectedtr');//css('background-color', 'Green');
            prevTr = $(this).id;
            $("#"+prevTr).removeClass('selectedtr');
        }
    );
...

Answer 1

首先从所有tr元素中删除selectedtr类，然后将其添加到当前元素:

$('tr').click(
        function() {
            $('input[type=radio]',this).prop('checked','checked');
            $(this).siblings().removeClass('selectedtr');
            $(this).addClass('selectedtr');
        }
    );

编辑 - 我认为 David Thomas 的答案不是您要找的，但我确实认为 siblings() 选择会比选择所有 tr 元素。

另一个编辑

关于您的评论:应该使用 prop 而不是 attr。这是一个 fiddle :

http://jsfiddle.net/xQyAV/