jQuery是一種非常流行的JavaScript庫,它提供了很多簡化代碼的方法。其中,表格行的增加和刪除是很常見的操作。在這篇文章中,我們將介紹如何使用jQuery來實現表格行的增加和刪除。
//增加表格行 $("button#add-row").click(function(){ //創建一行 var newRow = $("<tr></tr>"); //向行中添加單元格 newRow.append("<td>新行1</td>"); newRow.append("<td>新行2</td>"); newRow.append("<td>新行3</td>"); //將新行插入到表格中 $("table#my-table").append(newRow); }); //刪除表格行 $("button#remove-row").click(function(){ //獲取選中的行 var rows = $("table#my-table").find("tr"); //如果至少選中了一行 if (rows.length > 1){ //獲取最后一行,并從DOM中刪除 $(rows[rows.length - 1]).remove(); } });
代碼中,我們首先為“增加表格行”按鈕和“刪除表格行”按鈕綁定了click事件。在點擊“增加表格行”按鈕時,我們先創建一個新的
在點擊“刪除表格行”按鈕時,我們先獲取到表格中所有的
總之,使用jQuery來增加或刪除表格行非常方便,我們只需要幾行代碼就可以完成操作。希望今天的文章能幫助你更好地掌握jQuery庫的編程技巧。