jQuery 选择表格(table)里的行和列

 

jQuery 选择表格(table)里的行和列

date:2010-04-15

    jQuery对表格(table)的处理提供了相当强大的功能，比如说对表格特定行(row)或列(column)进行排序、样式改变等等。本文只是介绍如何用jQuery语句对表格中行和列进行选择。

     比如有一个5行5列的表格 对行进行操作比较简单：

        1. 选择第一行，我们可以用 $('tr:eq(0)')
        2. 选择第N行，我们可以用 $('tr:eq(n-1)')
        3. 选择奇数行，我们可以用 $('tr:odd')
        4. 选择偶数行，我们可以用 $('tr:even')
        5. 选择最后一行，我们可以用$("tr:last")

    对列的操作相对麻烦一点，但是如果我们知道了其中原理也不难。表格里没有列的元素，第一列实际上是每一行的第一个区域(td)的组合。所以我们可以用循环来实现对行的选择。

    如果我们要选择第一列并且对其样式进行改变，我们可以用下面的语句来实现

程序代码:

$(document).ready(function(){        

$('table').find('td').each(function(i){     //搜寻表格里的每一个区间        

if(i%4 == 0){             //‘4’代表表格总共有4列，如果区间编号被4整除，那么它就属于第一列        

$(this).addClass('col_1');}//给区间加上特定样式        

});        

});      

    如果我们要选择其它列，只需把上述代码里的i%4==0,进行相应的改变。记住：4代表表格的列数，如果你有10列就用10代替；选择第一列，余数等于0，选择第二列，余数应该等于1，如此类推。