jquery獲取tr里面有幾個td的方法:1、使用“$('td')”語句匹配td元素;2、使用size()方法獲取匹配td元素的數(shù)量,即可獲得tr元素中td元素的數(shù)目,語法為“$('td').size();”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
jquery獲取tr里面有幾個td的方法
1、新建一個html文件,命名為test.html,用于講解jquery如何獲取表格中tr里多少td。引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。使用table、tr、td標簽創(chuàng)建一個兩行兩列的表格,并設(shè)置表格邊框為1px。
在test.html文件內(nèi),使用button標簽創(chuàng)建一個按鈕,按鈕名稱為“獲得td的數(shù)量”。給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執(zhí)行g(shù)etnum()函數(shù)。
2、在js標簽中,創(chuàng)建getnum()函數(shù),在函數(shù)內(nèi),通過td元素名稱獲得表格的單元格對象,使用size()方法便可以獲得tr中td的數(shù)量,最后,使用alert()方法輸出td的數(shù)量。
在瀏覽器打開test.html文件,點擊按鈕,查看獲得的值。
總結(jié):
1、創(chuàng)建一個test.html文件。
2、在文件內(nèi),使用table、tr、td標簽創(chuàng)建一個兩行兩列的表格,同時創(chuàng)建一個button按鈕,用于觸發(fā)執(zhí)行js函數(shù)。
3、在js標簽中,創(chuàng)建函數(shù),在函數(shù)內(nèi),通過獲得td元素對象,使用size()方法便可以獲得tr中td的數(shù)量。
注意事項
size()方法同樣適用于獲得tr行的數(shù)量。