jQuery нечетная четная проблема

Question

Я использую код ниже, чтобы применить другой цвет фона к нечетным и четным строкам:

$('#tbl tr:odd').css('background-color', '#ECF6FC');
$('#tbl tr:even').css('background-color', '#ffffff');

Но нечетные и четные строки отображаются по-разному в FF и IE, например:

FF:

IE:

Как видно, в FF первый ряд оказывается белым, а в IE первый - синим. Почему это происходит, что за исправление для этого?

Answer 1

попробуй

$('#tbl tr:nth-child(odd)').css('background-color', '#ECF6FC'); 
$('#tbl tr:nth-child(even)').css('background-color', '#ffffff');

должно работать

Answer 2

это интересно, так как JS - это ноль с нулевым индексом.

не могли бы вы попробовать

 $("#tbl tr:nth-child(even)").css("background-color", "#fff");
 $("#tbl tr:nth-child(odd)").css("background-color", "#ecf6fc");

, пожалуйста?

я бы хотел увидетьесли IE обрабатывает то же самое.

Answer 3

В вашей разметке должна быть проблема, с которой у jquery возникают проблемы. Не могли бы вы вставить HTML или попытаться воссоздать проблему в jsfiddle

Вот простая рабочая демоверсия , которая работает в том же X-браузере

Нечетные / четные селекторы работают в одном и том же x-браузере, поэтому либо у вас может быть недопустимая разметка, вы можете попробовать проверить ее на w3c .