在使用jQuery編寫表格的過程中,我們經常需要添加或刪除表格的列。今天我們來學習如何使用jQuery添加一列。
// 獲取表格對象 var table = $('#table_id'); // 獲取表格頭部 var header = table.find('thead tr'); // 添加新的表頭單元格 header.append('<th>新列名</th>'); // 獲取表格內容部分 var content = table.find('tbody'); // 獲取每一行數據 var rows = content.find('tr'); // 遍歷每一行,添加一個新的單元格 rows.each(function() { $(this).append('<td>新列數據</td>'); });
代碼中,我們首先獲取了表格對象以及表格的頭部和內容部分。然后,在表格頭部中添加一個新的表頭單元格,同時在表格內容中的每一行添加一個新的單元格。最終,我們就成功地將一列新的數據添加到了表格中。