首頁 > web前端 > js教程 > 利用JS實作頁面刪除並重新排序的功能

利用JS實作頁面刪除並重新排序的功能

怪我咯
發布: 2017-03-29 15:53:16
原創
1679 人瀏覽過

首先,用jqury選擇器,選取勾選的行:

var cks = $("#indicator_table").find("input[type='checkbox']:checked");
登入後複製



然後彈出一個確認是否刪除框,為是否刪除框中的確定綁定一個delInd()事件;

先在頁面把選取的那一行,remove或html(「」)掉,

$("#indicator_table").find("input[type='checkbox']:checked").each(function(i, o){
// 获取checkbox所在行的顺序 
n = $(this).parents("tr").index();
$("#indicator_table").find("tr:eq(" + n + ")").remove();
});
$("#deleteModal").modal("hide");
登入後複製



#在對剩下的行重新排序,又需要jqury選擇器,選取表格的行,並進行循環賦值:

$("#indicator_table").find("tr").each(function(i){
$(this).find("td").eq(10).find("a").text(i+1);
});
登入後複製

以上是利用JS實作頁面刪除並重新排序的功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板