jquery查找具有值的表格单元格并突出显示tr

Question

我做了什么：

$('#transport td').filter(function() {
    return $(this).text() == 'TPS999';
}).addClass("marked");

现在它突出显示

如何突出显示我找到文本（tr）的行？

Answer 1

试试这个：

$('#transport td').filter(function() {
    return $(this).text() == 'TPS999';
}).closest('tr').addClass("marked");

Answer 2

使用closest('tr')获取父row并返回行而不是td。

$('#transport td').filter(function() {
    if($(this).text() == 'TPS999')
       return $(this).closest('tr');
}).addClass("marked");

或者，您可以使用:contains选择包含指定文字的所有元素，并使用closest('tr')获取父td并为其添加类。

$('#transport td:contains("TPS999")').closest('tr').addClass("marked");

Answer 3

像这样：

var $cell = $('#transport td').filter(function() {
    return $(this).text() == 'TPS999';
});

$cell.closest('tr').addClass("marked")

Answer 4

Jsfiddle

代码

$('#transport td').filter(
function(t){
     if($(this).text() =="TPS999") {
        $(this).closest('tr').css('background-color','Red');
        // alert("i am in");
        return;
    }

});