在Web開發中,經常需要使用表格來展示數據,而jQuery是一個功能強大的JavaScript庫,它可以幫助我們更方便地操作表格和其他DOM元素。本文將介紹如何利用jQuery在表格中添加一行。
$(document).ready(function() {
// 找到表格及表格的tbody
var table = $('#my-table');
var tbody = table.find('tbody');
// 在tbody中添加一個新的行
var newRow = $('<tr>');
var col1 = $('<td>').text('1');
var col2 = $('<td>').text('2');
var col3 = $('<td>').text('3');
newRow.append(col1);
newRow.append(col2);
newRow.append(col3);
tbody.append(newRow);
//判斷是不是需要用奇偶數顏色切換
tbody.children('tr:even').addClass('even');
});
首先,通過jQuery選擇器找到要添加新行的表格及其
元素。然后,我們創建一個新的< tr >元素并為其添加三個單元格元素。 最后,將新行添加到中。此時,表格中將會新增一行數據。注意:如果您的表格具有等其他特定格式和樣式,則需要修改代碼以適應您的具體需求。
上一篇div float
下一篇jquery表情輸入框