0

我的网站链接：搜索页面

如果我按名称而不是按专业搜索，我有以下 CSS 可以工作：

.displayresult {
    display: block;
}
#fname, #lname, #splabel, #addlabel, #pnlabel {
    border-width: 4px;
    border-bottom-style: double;
}
#first, #last, #specialty, #address, #phone {
    border-width: 4px;
    border-bottom-style: double;
}

如果用户选择专业并选择一个选项，CSS 只会在最后一个 TD 上添加双边框。

如何将 CSS 或 jQuery 脚本修改为：

  • 让它在每个 TD 之后添加边框？

和/或

  • 将一个 TD 设为白色，将下一个 TD 设为灰色，将下一个 TD 设为白色，将下一个 TD 设为灰色，等等？

我有以下 jQuery，它不起作用并且与 CSS 做同样的事情：

$("#fname").css('border-bottom-style', 'double');

请访问上面的链接以获取演示。

4

2 回答 2

2

将一个 TD 设为白色，将下一个 TD 设为灰色，将下一个 TD 设为白色，将下一个 TD 设为灰色，依此类推

你可以这样做：

td:nth-child(odd) {
    background-color: gray;
}
td:nth-child(even) {
    background-color: white;
}

演示

于 2013-05-07T17:41:57.900 回答
0

您不应该在多个元素中使用相同的 ID。Id 被设计成一个奇点，分配给 DOM 中的单个元素。

您的代码无法正常工作的原因是因为您期望它#fname像一个类一样运行。

你应该做<td class="fname">而不是<td id="#fname">

于 2013-05-07T17:42:50.640 回答