0

これが私の問題です。コードサンプルは必要ないと思います:

私は HTML テーブルを持っています。最初の行には見出しが含まれており<th>、クリック時にテーブル全体を並べ替えたり、クリックした列の下のデータを並べ替えたりするために使用されます。

簡単に言うと、最初の行以外をすべて削除してから、JavaScript スクリプトで再入力するという方法でテーブルの内容を操作しています。これにより、新しい HTML である大きなコンパイル済み文字列が得られます。テーブルに追加されます。

イベントリスナーとすべてを再割り当てしましたが、それは魅力のように機能しますが、CSS を着色するテーブルセルは更新されません。すべての奇数行セルの背景を設定する次のコードがあります。

table tr:nth-child(2n) td:not(:first-child) {
   background-color: white !important;
}

テーブルの CSS カラーリングを更新する方法はあり!importantますか (機能しません)。また、テーブルを完全に削除して再生成しようとしましたが、うまくいきませんでした。

4

1 に答える 1

0

CSS の代わりに jQuery を使ってみませんか? "!important" は避けたほうがよいでしょう。

$("tr:even td").css("background-color", "white");
$("tr:odd td").css("background-color", "none");
$("tr:first-child td").css("background-color", "none");
于 2013-04-28T16:52:45.640 に答える