jquery - 在 jQuery 中突出显示 td 中具有特定内容的行

Question

到目前为止，我可以让我的代码突出显示特定的 td，但更好的是突出显示整行。有谁知道该怎么做吗？

var mySearch = 'No';
$('table tbody tr td:contains("' + mySearch + '")').filter
(function(){
if($.trim($(this).text()) == mySearch)
    $(this).addClass("prequal-status-n");       
}); 

Answer 1

通过将 $(this).addClass("prequal-status-n") 更改为 $(this).closest('tr').addClass("prequal-status- n") 您可以选择整行，而不仅仅是行中的一个单元格。

这是一个使用.closest()选择单元格的tr父标签的jsfiddle:http://jsfiddle.net/jasper/LhbUG/

注意:.closest('tr') 可以替换为 .parent()，因为 td 标记的直接父级是一个 tr 标签。请记住，使用 .parent() 会将您的 $(this) 选择器限制为 tr 标记的直接后代。

这是给你的一些文档:

• .parent(): http://api.jquery.com/parent
• .closest():http://api.jquery.com/closest