javascript - テキストが見つかったテーブル要素へのJQuery .addclass

Question

一部のレポート テーブルにテーマを設定していますが、テンプレートにアクセスできません。

これまでのところ、レポート テーブルのすべての TR 要素に「my-class」を追加するこのコードがあります。ただし、テキストが見つかったテーブル行 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");
});

少しすっきりしていて、反復する必要がある行の数が制限されているので、私はこれが好きです。