利用JS實(shí)現(xiàn)頁面刪除并重新排序功能
更新時(shí)間：2016年12月09日 11:28:16 作者：m15733292434
這篇文章主要介紹了利用JS實(shí)現(xiàn)頁面刪除并重新排序功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
首先，用jqury選擇器，選中勾選的行：
var cks = $("#indicator_table").find("input[type='checkbox']:checked");
然后彈出一個(gè)確認(rèn)是否刪除框，為是否刪除框中的確定綁定一個(gè)delInd()事件；
先在頁面把選中的那一行，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)頁面刪除并重新排序功能，希望對(duì)大家有所幫助，如果大家有任何疑問請(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ì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS打印組合功能，包括JS實(shí)現(xiàn)簡(jiǎn)單的頁面局部打印，感興趣的小伙伴們可以參考一下2016-08-08
從零開始做一個(gè)pagination分頁組件，這篇文章主要介紹了pagination分頁組件的制作方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JavaScript中call、apply、bind實(shí)現(xiàn)原理詳解
其實(shí)在很多文章都會(huì)寫call，apply，bind,但個(gè)人覺著如果不弄懂原理,是很難理解透的,所以這篇文章主要介紹了JavaScript中call、apply、bind實(shí)現(xiàn)原理的相關(guān)資料,需要的朋友可以參考下2021-06-06
這篇文章主要介紹了npm淘寶鏡像修改講解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08
這篇文章主要給大家介紹了關(guān)于微信小程序頁面返回傳值的4種解決方案,小程序開發(fā)中經(jīng)常會(huì)遇到這種場(chǎng)景,比如提交問題,然后需要返回之前頁面,本文通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-07-07
動(dòng)態(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄獎(jiǎng)討B(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過來看看吧2016-05-05
bootstrap 路徑導(dǎo)航 分頁 進(jìn)度條的實(shí)例代碼
本文通過實(shí)例代碼給大家介紹了bootstrap 路徑導(dǎo)航 分頁 進(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-05
Layui 導(dǎo)航默認(rèn)展開和菜單欄選中高亮設(shè)置的方法
今天小編就為大家分享一篇Layui 導(dǎo)航默認(rèn)展開和菜單欄選中高亮設(shè)置的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09