0

質問が奇妙に聞こえることは承知していますが、ここに問題があります。
誰かが私の Web ページでボタンを押すと、新しい tr が作成されます。
tr が作成された後、テーブルの tr の色を交互にしたいので、次のコードを使用します。
しかし、これは機能しません。 

$("table.content_table_fill tr:even").css("background-color", "#F4F4F8");
$("table.content_table_fill tr:odd").css("background-color", "#EFF1F1");

何らかの理由でこれは機能しません。
助けてください。

4

2 に答える 2

0

あなたのやり方をしなければならない場合は、ボタンのクリック時にこれをもう一度呼び出してください：

$("your_button_clicked_on_the_website").click(function(){
    //adding tr's n stuff
    $("table.content_table_fill tr:even").css("background-color", "#F4F4F8");
    $("table.content_table_fill tr:odd").css("background-color", "#EFF1F1"); 
});
于 2013-09-02T13:56:03.290 に答える
-1

理想的には、スタイルをインライン スタイルとして追加するのではなく、CSS スタイル シートにスタイルを配置するだけで済みます。その後、作成された新しい行に自動的に適用されます。

何らかの理由で、ボタンが押されるまでテーブルのスタイルを設定したくない場合は、スタイル シートで参照するテーブル自体に追加のクラスを使用し、ボタン クリック イベントによってのみ追加されます。たとえば、スタイルシートに次のように記述します。

table.content_table_fill.alternated tr:even { background-color: #F4F4F8; }
table.content_table_fill.alternated tr:odd { background-color: #EFF1F1; }

そしてあなたのコードにこれを入れてください：

$('#mybutton').on('click', function() {
     $('.content_table_fill').addClass('alternated');
});
于 2013-09-02T13:51:56.240 に答える