javascript - JQuery .addclass 到找到文本的表元素

Question

我正在对一些报告表进行主题化，并且无权访问模板。

到目前为止，我有这段代码，它最终将“my-class”添加到报告表中的每个 TR 元素中。但是，我只想将类添加到找到文本的表格行 TR 中。我想我需要更多的代码来做到这一点。以下是我迄今为止尝试过的一些事情：

if ($('#report-area table tr:contains("Name")', this).length > 0) {
$("#reportArea table tr", this).addClass("my-class");
}

我也试过：

if ($('#report-area table tr:contains("Name")', this).length > 0) {
$(this).addClass("my-class");
}

...但这也不起作用。

Answer 1

只需使用没有绒毛的选择器：

$('#report-area tr:contains("Name")').addClass('my-class');

http://api.jquery.com/contains-selector/

Answer 2

var $rows = $('#report-area table tr');

$rows.each(function(i, item) {

    $this = $(item);
    if ( $this.text() == 'Name' ) {
        $this.addClass('yourClass');
    }

});

Answer 3

我只想将类添加到找到文本的表格行 TR 中。

你可以做：

$('#report-area table tr').each(function(){
  if ($.trim($(this).text()).length > 0) {
    $(this).addClass("my-class");
  }
});

Answer 4

您也可以在.filter()这里使用该功能：

$(document).ready(function () {
    $('#report-area tbody tr').filter(function () {
        return $.trim($(this).text()).length > 0;
    }).addClass("my-class");
});

我喜欢这个，因为它更简洁一些，并且限制了您需要迭代的行数。