使用CSS和jQuery將高度更改爲奇數

Question

我有一個3列的表格。第二列需要沒有樣式。有了這個，每一行都不需要樣式，高度爲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我所做的更改。