0

jQuery を使用してテーブルに行を追加した後、td の背景色を変更できません。

これは、動作して行を追加する私のコードです(セルの色を変更しようとはしません:

$( "#table_1 tbody" ).append( "<tr>" +
                              "<td>Some text</td>" +
                              "<td></td>" + 
                              "<td></td>" +
                              "<td>" + var1.val() + "</td>" +
                              "<td></td>" +
                              "</tr>" );

すべての空のセル (つまり、 のセル) をグレー表示にしたい"<td></td>"。ユーザーが空または非アクティブであることを認識できるように、背景色を灰色にしたいと思います。助けていただけますか？

通常の html タグを使用して td の色を変更しようとしましたが、うまくいきません: "<td style="background-color:#C0C0C0"></td>"

私はjQueryが初めてなので、これをどのように達成するかはよくわかりません。助けてくれてありがとう！

4

2 に答える 2

1

具体的には、Jquery のマニュアルをご覧ください。

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

これは例を示します

$("td:empty").css('background', 'rgb(255,220,200)');

幸運を

于 2013-07-16T18:11:10.067 に答える
1

CSSだけでそれを行うことができます：

#table_1 td:empty {
    background-color: grey;
}

:emptyは IE8 以下ではサポートされていないため、CSS3 ポリフィルを使用するか、jQuery を使用する場合は jQuery の を使用できます:empty。

$('#table_1 td:empty').addClass('empty');
于 2013-07-16T18:11:36.747 に答える