天天看點

jQuery 選擇表格(table)裡的行和列[轉]

from : http://www.84ren.com/read.php?tid-29040.html

比如我們有這樣一個表格:

第一列

第二列

第三列

第四列

對行進行操作比較簡單:

如果我們要選擇第一行,我們可以用 $('tr:eq(0)')

如果我們要選擇第n行,我們可以用 $('tr:eq(n-1)')

如果我們要選擇奇數行,我們可以用 $('tr:odd')

如果我們要選擇偶數行,我們可以用 $('tr:even')

對列的操作相對麻煩一點,但是如果我們知道了其中原理也不難。表格裡沒有列的元素,第一列實際上是每一行的第一個區域(td)的組合。是以我們可以用循環來實作對行的選擇。

如果我們要選擇第一列并且對其樣式進行改變,我們可以用下面的語句來實作 $(document).ready(function(){[/pre]    $('table').find('td').each(function(i){//搜尋表格裡的每一個區間[/pre]    if(i%4 == 0){ //‘4’代表表格總共有4列,如果區間編号被4整除,那麼它就屬于第一列[/pre]    $(this).addclass('col_1');}//給區間加上特定樣式[/pre]    });[/pre]    });[/pre]    [/pre]

如果我們要選擇其它列,隻需把上述代碼裡的i%4==0,進行相應的改變。記住:4代表表格的列數,如果你有10列就用10代替;選擇第一列,餘數等于0,選擇第二列,餘數應該等于1,如此類推。

歡迎加群互相學習,共同進步。qq群:ios: 58099570 | android: 330987132 | go:217696290 | python:336880185 | 做人要厚道,轉載請注明出處!http://www.cnblogs.com/sunshine-anycall/archive/2009/09/19/1569801.html

繼續閱讀