思路:
首先要选择表格中的所有行元素,然后对所有行进行遍历;对行中的子元素(即列)选择行中的第三个子元素,这样每个行中都选择第三个子元素,即选择了整个第三列。
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.效果图如下: