jQuery如何选择表格每行中的第三列?
生活随笔
收集整理的這篇文章主要介紹了
jQuery如何选择表格每行中的第三列?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
思路:
首先要選擇表格中的所有行元素,然后對所有行進行遍歷;對行中的子元素(即列)選擇行中的第三個子元素,這樣每個行中都選擇第三個子元素,即選擇了整個第三列。
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.效果圖如下:
?
轉載于:https://www.cnblogs.com/snow1234/p/6802513.html
總結
以上是生活随笔為你收集整理的jQuery如何选择表格每行中的第三列?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《电子基础与维修工具核心教程》——2.4
- 下一篇: Android 开发之 GridView