思路:
首先要選擇表格中的所有行元素,然后對所有行進行遍歷;對行中的子元素(即列)選擇行中的第三個子元素,這樣每個行中都選擇第三個子元素,即選擇了整個第三列。
1.實現jQuery代碼:
$(function() {
$('table tr').each(function() {
$(this).children().eq(2).css('color', 'red');
});
});
2.創建HTML代碼:
<table>
<tr>
<td>As You Like It</td>
<td>Comedy</td>
<td></td>
</tr>
<tr>
<td>All's Well that Ends Well</td>
<td>Comedy</td>
<td>1601</td>
</tr>
<tr>
<td>Hamlet</td>
<td>Tragedy</td>
<td>1604</td>
</tr>
<tr>
<td>Macbeth</td>
<td>Tragedy</td>
<td>1606</td>
</tr>
<tr>
<td>Romeo and Juliet</td>
<td>Tragedy</td>
<td>1595</td>
</tr>
<tr>
<td>Henry IV, Part I</td>
<td>History</td>
<td>1596</td>
</tr>
<tr>
<td>Henry V</td>
<td>History</td>
<td>1599</td>
</tr>
</table>
3.效果圖如下: