添加底部邊框在多個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的

回答

相關問題