2012-01-26 46 views
6
<table> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
    <tr><td>aaa</td><td>ccc</td><td>aaa</td><td>aaa</td><td>bbb</td><td>aaa</td><td>aaa</td></tr> 
</table> 

table td { 
    background-color: green; 
    padding: 5px; 
    border: 1px solid blue; 
} 

.red { 
    background-color: red; 
} 

LIVE:http://jsfiddle.net/zCduV/1/使用jQuery添加類表的第二列

如何添加與jQuery .red對於第二類列在此表(在此這個例子有其中TD是CCC)?

回答

12

這也許?

// selects both table header and table data cells from the second column of the table 
$('table th:nth-child(2), table td:nth-child(2)').addClass('red'); 

http://jsfiddle.net/tdTkQ/

+0

如何跳過標題? – Jaikrat

+0

@Jaikrat如果我明白你的意思,你只需要留下一點點。例如:'$('table td:nth-​​child(2)')。addClass('red');' – Deadlykipper

+0

謝謝@DeadlyKipper ....我用其他方式實現它....感謝您的回覆:) – Jaikrat

2

在jQuery的nth-child-selector看看。這是你正在尋找的。

$('td:nth-child(2)').addClass('red'); 
1

Example該解決方案。

+0

對不起時,我給@SeanNieuwoudt已經給出了答案。 –

2
$('td:nth-child(2)').addClass('red'); 
相關問題