Question

可能重复：
Jquery: Highlight/De-highlight table row on click

我创建了一个包含多个TR标记的html表。现在我想要的是，当用户点击表格中的一行时，它会突出显示，之前点击的内容将不会突出显示。任何人都可以告诉我该怎么做。我正在尝试使用jquery。

Answer 1

试试这个：

// on click of any of the table cell...
$("td").click(function() {

    // Remove the active class from all the tr's
    $(this).closest("tr").siblings().removeClass("active");

    // Add the active class to the clicked table row...
    $(this).parents("tr").toggleClass("active", this.clicked);
});

CSS

这里没有什么可看的，只是我们将有一个类名准备好处理“当前”行和列的实际样式。

.active { background-color: #eee; }

Fiddle here

Answer 2

这是一个简单的解决方案。它会将班级hilite添加/删除到最新点击的<tr>。

$( 'tr' ).on( 'click', function() {
    var classname = 'hilite';
    $( 'tr.' + classname ).add( this ).toggleClass( classname );
} );

您可以在此处进行测试：http://jsfiddle.net/GvXKe/

使用jquery获取上一个单击的标记

2 个答案: