Изменить высоту на нечетные строки с помощью CSS и jQuery

Question

У меня есть таблица с тремя столбцами. Второй столбец не должен иметь никакого стиля. При этом каждый другой ряд не требует стилизации и высоты 20 пикселей. Я хотел бы сделать это непосредственно с помощью jQuery. В примере jsfiddle высота второй строки - это высота, в которой я хочу, чтобы все альтернативные строки были (20px), но не могут получить это, не устанавливая высоту класса 0px и применяя класс непосредственно к тегам. Кто-то может помочь? (Надеюсь, я буду ясно). Благодаря!

Мой пример находится в jsfiddle. [Http://jsfiddle.net/squirc77/g6gKQ/]

Answer 1

Во-первых вам не нужно, чтобы добавить эту высоту укладки рядам, как это будет только мешать стилизации JQuery так избавиться от

height: 85px; 

в

#tbl_notice td { border: 1px solid #f2f2f2; width: 400px; height: 85px; vertical-align:middle; background: transparent url(images/fieldsetBgLg.png) repeat-x; } 

Вы на самом деле не нужна эта строка.

#tbl_notice tr td.oddRow{height:0px;} 

Просто убедитесь, что избавиться от каких-либо разрыва пространств (NBSP, в ваших нечетных строк и в средней колонке, так как это мешает вам делать ваши строки и столбцы независимо от высоты и ширины вы хотите

.

После этих изменений ваш код JQuery должен работать нормально.

Here является в JSFiddle для изменений, которые я сделал.