利用JS實現(xiàn)頁面刪除并重新排序功能
首先,用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選擇器,選中表格的行,并進行循環(huán)賦值:
$("#indicator_table").find("tr").each(function(i){ $(this).find("td").eq(10).find("a").text(i+1); });
以上所述是小編給大家介紹的利用JS實現(xiàn)頁面刪除并重新排序功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
關(guān)于layui flow loading占位圖的實現(xiàn)方法
今天小編就為大家分享一篇關(guān)于layui flow loading占位圖的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript中call、apply、bind實現(xiàn)原理詳解
其實在很多文章都會寫call,apply,bind,但個人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06bootstrap 路徑導(dǎo)航 分頁 進度條的實例代碼
本文通過實例代碼給大家介紹了bootstrap 路徑導(dǎo)航 分頁 進度條的相關(guān)知識,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-08-08一個html5播放視頻的video控件只支持android的默認格式mp4和3gp
寫了個html5播放視頻的video控件,只支持mp4和3gp(android和ios默認支持的格式就寫了這個) ,需要的朋友可以參考下2014-05-05Layui 導(dǎo)航默認展開和菜單欄選中高亮設(shè)置的方法
今天小編就為大家分享一篇Layui 導(dǎo)航默認展開和菜單欄選中高亮設(shè)置的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09