色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jQuery表格行的增加刪除

曹春艷1年前7瀏覽0評論

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事件。在點擊“增加表格行”按鈕時,我們先創建一個新的元素,并在其中添加三個元素作為單元格。最后,我們將生成的新行插入到表格中。

在點擊“刪除表格行”按鈕時,我們先獲取到表格中所有的元素,并判斷是否至少選中了一行。如果是,則獲取最后一行并從DOM中刪除。

總之,使用jQuery來增加或刪除表格行非常方便,我們只需要幾行代碼就可以完成操作。希望今天的文章能幫助你更好地掌握jQuery庫的編程技巧。