Question

我正在指示一些报告表，并且无法访问模板。

到目前为止，我有这个代码，最后添加了＃34; my-class＆＃34;到报表中的每个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");
});

我喜欢这个，因为它更干净，并且限制了你需要迭代的行数。

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

4 个答案: