仅突出显示一个<tr>在一张桌子上

Highlighting only ONE <tr> in a table

本文关键字:一张 gt tr 一个 lt 显示      更新时间:2023-09-26

我需要它,这样当你点击一个表格行时,它只会高亮显示表格中的那一行,如果用户要点击同一表格中的另一个TR,它会取消选择之前选择的TR,并高亮显示点击的TR。

帮助?

我现在用的是

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

试试这个:

jQuery 1.7+

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

jQuery<1.7

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

CSS

.highlight { background-color: #FF0; }