jquery - 如何用 jQuery 突出显示选定的行？

Question

我正在使用 jQuery 1.6.4 并且我有一个 html 表格。我为表分配 id =“tbl”，然后使用单击事件动态查找单击了哪一行。在该行中，我想突出显示它，以便用户可以看到单击了哪一行。

我在一本 jQuery 书中使用了一些代码，并对其进行了修改，以便与 (this) 一起使用。但是，它没有突出显示该行。

这是我的代码:

$('#tbl tr').click(function() { 
                //$('div.poem-stanza').addClass('highlight');
                $(this).addClass("highlight");
...

在 firebug 中，我验证(this)引用了 tr 元素，但由于某种原因，代码无法突出显示。我需要做什么才能使用(this)动态工作？

根据评论，我仔细检查了我的 css 文件中没有 .highlight 。我已经为其他命名元素添加了它，但在对 css 文件的引用中存在拼写错误。感谢 Firebug，我能够看到所有已加载的内容以及缺少的内容。

Answer 1

tr 元素不能有背景颜色。为了突出显示一行，您必须突出显示该行中的每个 td。假设您为 tr 元素指定了突出显示类，请将其添加到您的 css 文件中:

.highlight td { background-color:green; }

您会发现该行呈绿色。

或者你可以这样做:

$('#tbl tr').click(function() { 
      $(this).find('td').addClass("highlight");
});

祝你好运!