在 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 /最近

Answer 2

您可以使用 closparentest() 并找到 tr

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

Answer 3

尝试

var mySearch = 'No';
$('table tbody tr td:contains("' + mySearch + '")')
                   .parent("tr").addClass("prequal-status-n");

Answer 4

您想要使用 closest 方法来选择 包含 ：

$(this).closest("tr").addClass(...);

来自 closest 的 API 文档：

获取与选择器匹配的第一个元素，从当前元素开始并在 DOM 树中向上移动。

Answer 5

尝试这样的事情：

$("td:contains('" + mySearch + "')").closest("tr").toggleClass("prequal-status-n");