利用JS實現(xiàn)頁面刪除并重新排序功能
更新時間：2016年12月09日 11:28:16 作者：m15733292434
這篇文章主要介紹了利用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-09
這篇文章主要介紹了JS打印組合功能，包括JS實現(xiàn)簡單的頁面局部打印，感興趣的小伙伴們可以參考一下2016-08-08
從零開始做一個pagination分頁組件，這篇文章主要介紹了pagination分頁組件的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript中call、apply、bind實現(xiàn)原理詳解
其實在很多文章都會寫call，apply，bind,但個人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06
這篇文章主要介紹了npm淘寶鏡像修改講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08
這篇文章主要給大家介紹了關(guān)于微信小程序頁面返回傳值的4種解決方案,小程序開發(fā)中經(jīng)常會遇到這種場景,比如提交問題,然后需要返回之前頁面,本文通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-07-07
下面小編就為大家?guī)硪黄獎討B(tài)的9*9乘法表效果的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
bootstrap 路徑導(dǎo)航 分頁 進度條的實例代碼
本文通過實例代碼給大家介紹了bootstrap 路徑導(dǎo)航 分頁 進度條的相關(guān)知識，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-08-08
一個html5播放視頻的video控件只支持android的默認格式mp4和3gp
寫了個html5播放視頻的video控件，只支持mp4和3gp(android和ios默認支持的格式就寫了這個) ,需要的朋友可以參考下2014-05-05
Layui 導(dǎo)航默認展開和菜單欄選中高亮設(shè)置的方法
今天小編就為大家分享一篇Layui 導(dǎo)航默認展開和菜單欄選中高亮設(shè)置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09