添加底部边框在多个TD使用CSS/JQuery的

我的网站链接：Search Page添加底部边框在多个TD使用CSS/JQuery的

我有以下的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之后添加边框？

AND/OR

让一个TD白色，下一个TD灰色和下一个TD白下一TD灰色等等？

我有以下的jQuery的，它不工作，做同样的事情，CSS：

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

请访问上面的链接来获得一个演示。

来源

2013-05-07 Si8

让一个TD白色，下一个TD灰色和未来TD白色和下一个TD灰色等等

你可以这样做：

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

DEMO

来源

2013-05-07 17:41:57

这不工作，尤其是我的脚本。无论我做什么，它总是在最后一行添加边框。你的DEMO工作正常，但我的TD是用JQuery创建的。 – Si8 2013-05-07 17:43:27

你可以请你的代码在http://jsfiddle.net/。我会看看它。 – 2013-05-07 17:45:52

看到这个：http://jsfiddle.net/maqsN/1/ – 2013-05-07 17:54:03

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

你的代码不工作的原因是因为你期望#fname的功能像一个类。

你应该做<td class="fname">代替<td id="#fname">

来源

2013-05-07 17:42:50 Axel

添加底部边框在多个TD使用CSS/JQuery的

回答

相关问题