在網站開發中,表格是一個很常見的元素。而在利用jQuery進行數據操作時,獲取表格行數據也是必不可少的。那么,我們就來看一下如何使用jQuery獲得表格行數據。
$('table tr').each(function(){
var arr = [];
$(this).find('td').each(function(){
arr.push($(this).text());
});
console.log(arr);
});
執行上面的代碼,會輸出表格中每一行的數據。下面我們對代碼進行解釋:
$('table tr')
通過選擇器選中表格中的每一行。
.each(function(){})
遍歷每一行,并對每一行進行特定操作。
var arr = [];
定義一個數組保存每一行的數據。
$(this).find('td').each(function(){...})
查找每一行中的單元格,并對每個單元格進行特定操作。
arr.push($(this).text());
將每個單元格的文本內容添加至數組中。
console.log(arr)
輸出每一行的數據。
總結一下,以上代碼實現了獲取表格中每一行的數據,并將數據輸出至控制臺。