jquery - 设置当前点击行背景色

Question

如何仅将背景颜色更改为单击的那些行，在下面的代码中，它不会清除上一行单击的背景颜色。

var tr = $('#webgrid_id').find('tr');
    tr.bind('click', function (event) {
        $("tr").click(function () { $(this).css('background', 'yellow'); });
});

Answer 1

<强> Demo

您可以通过使用类来简化它

.yellow{
    background: yellow;
}

_{将以上内容添加到 <style>或 CSS 文件}

<小时/>

$('#webgrid_id').on('click','tr',function () {
    $('tr.yellow').removeClass('yellow'); 
    $(this).addClass('yellow'); 
});

或作为@A。 Wolff 建议引用此内容(更加优化和改进):http://jsfiddle.net/12mze843/1/

此外，我看到一个click绑定(bind)内的事件 - 无需嵌套这些事件。