JQuery .addclass к элементу таблицы <tr>, где находится текст - PullRequest
6 голосов
/ 09 ноября 2011

Я публикую некоторые таблицы отчетов и не имею доступа к шаблонам.

Пока у меня есть этот код, который заканчивается добавлением «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");
}

... но это тоже не сработало.

Ответы [ 4 ]

12 голосов
/ 09 ноября 2011

Просто используйте селектор без пуха:

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

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

2 голосов
/ 09 ноября 2011
var $rows = $('#report-area table tr');

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

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

});
1 голос
/ 09 ноября 2011

Вы также можете использовать здесь функцию .filter():

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

Мне это нравится, потому что это немного чище и ограничивает количество строк, которые необходимо перебрать.

1 голос
/ 09 ноября 2011

Я только хочу добавить класс в строку таблицы TR, где был найден текст.

Вы можете сделать:

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