javascript - 使用 Tablesorter/jquery 表格行悬停突出显示？

Question

我正在将 jquery Tablesorter 与 zebra 小部件一起用于我的表格。

我希望能够悬停每一行并更改突出显示的背景。这可能吗？大家有什么想法吗？

谢谢。

埃里克

Answer 1

var $rows = $('table tbody tr');
$rows.hover(function () {
    $(this).addClass("rowHover");
}, function() {
    $(this).removeClass("rowHover");
});

然后为悬停的斑马行创​​建样式表规则:

.even.rowHover,
.odd.rowHover {
    background-color: #F0F0F0;
}