利用JS實(shí)現(xiàn)頁(yè)面刪除并重新排序功能
首先,用jqury選擇器,選中勾選的行:
var cks = $("#indicator_table").find("input[type='checkbox']:checked");
然后彈出一個(gè)確認(rèn)是否刪除框,為是否刪除框中的確定綁定一個(gè)delInd()事件;
先在頁(yè)面把選中的那一行,remove或者h(yuǎn)tml(“ ”)掉,
$("#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");
在對(duì)剩下的行重新排序,又需要jqury選擇器,選中表格的行,并進(jìn)行循環(huán)賦值:
$("#indicator_table").find("tr").each(function(i){ $(this).find("td").eq(10).find("a").text(i+1); });
以上所述是小編給大家介紹的利用JS實(shí)現(xiàn)頁(yè)面刪除并重新排序功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法
今天小編就為大家分享一篇關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JavaScript中call、apply、bind實(shí)現(xiàn)原理詳解
其實(shí)在很多文章都會(huì)寫call,apply,bind,但個(gè)人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實(shí)現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06動(dòng)態(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇?jiǎng)討B(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧2016-05-05bootstrap 路徑導(dǎo)航 分頁(yè) 進(jìn)度條的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了bootstrap 路徑導(dǎo)航 分頁(yè) 進(jìn)度條的相關(guān)知識(shí),非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08一個(gè)html5播放視頻的video控件只支持android的默認(rèn)格式mp4和3gp
寫了個(gè)html5播放視頻的video控件,只支持mp4和3gp(android和ios默認(rèn)支持的格式就寫了這個(gè)) ,需要的朋友可以參考下2014-05-05Layui 導(dǎo)航默認(rèn)展開和菜單欄選中高亮設(shè)置的方法
今天小編就為大家分享一篇Layui 導(dǎo)航默認(rèn)展開和菜單欄選中高亮設(shè)置的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09