jquery - 使用 CSS 和 jQuery 将高度更改为奇数行

Question

我有一个有 3 列的表。第二列不需要有样式。这样，每隔一行就不需要样式和 20px 的高度。我想直接用 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 代码应该可以正常工作。

这是我所做的更改的 JSFiddle。