JQuery обновления таблицы CSS после добавления

Question

Вот моя проблема, я думаю, не будет необходимости образцы коды:

У меня есть HTML-таблица, кто первый ряд, который содержит заголовки <th>, используются для сортировки всей таблицы по щелчку и по данным под щелчком столбца.

Короче говоря, я манипулирую содержимое таблицы таким образом, что сначала удаляю все, кроме первой строки, а затем повторно заполняю ее скриптом JavaScript, который дает мне большую скомпилированную строку, которая является новый HTML, который добавляется к таблице.

Я повторно назначаю прослушиватели событий и все, и это работает как шарм, но раскраска CSS таблицы не обновляется. У меня есть следующий код, который задает фон каждой нечетной строки ячейки:

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

Есть ли способ, чтобы обновить таблицу CSS окраски (!important не работает)? Я также попытался полностью удалить таблицу и перегенерировать ее, не повезло.

Answer 1

Почему вы не пытаетесь использовать jQuery вместо CSS? Всегда лучше избегать «важного».

$("tr:even td").css("background-color", "white"); 
$("tr:odd td").css("background-color", "none"); 
$("tr:first-child td").css("background-color", "none");