突出显示表中的一个

Question

我需要它，所以当你点击一个表行时，它只突出显示表中的一行，如果用户要从同一个表中单击另一个TR，它将取消选择之前选择的TR并突出显示所单击的一个。 / p>

帮助？

我现在使用的是

<tr onclick="style.backgroundColor='#eaf0f5';"> ..... </tr>

Answer 1

试试这个：

jQuery 1.7 +

$("table tr").on('click', function() {
    $("table tr").removeClass("highlight");
    $(this).addClass("highlight");
});

jQuery＆lt; 1.7

$("table tr").click(function() {
    $("table tr").removeClass("highlight");
    $(this).addClass("highlight");
});

CSS

.highlight { background-color: #FF0; }