Измените высоту на нечетные строки, используя CSS & jQuery

Question

У меня есть таблица с 3 столбцами. Второй столбец не должен иметь стиля. При этом каждый второй ряд не нуждается в стилизации и высоте 20 пикселей. Я хотел бы сделать это напрямую с JQuery. В примере с jsfiddle высота 2-й строки - это высота, которую я хочу, чтобы все альтернативные строки были (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 должен работать просто отлично.

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