利用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)頁面刪除并重新排序功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于JavaScript中引用vs復制的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
專IE7瀏覽器，IE URL參數(shù)過長問題，引發(fā)HTTP Status 122報錯；this作用域問題，對應的解決方法如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
這篇文章主要介紹了JavaScript預解析及相關(guān)技巧,結(jié)合實例形式分析了JavaScript與解析的原理,步驟與相關(guān)技巧,需要的朋友可以參考下2016-04-04
JavaScript仿淘寶頁面圖片滾動加載及刷新回頂部的方法解析
這篇文章主要介紹了JavaScript仿淘寶頁面圖片滾動加載及刷新回頂部的方法解析,包括懶加載和onbeforeunload等要點的理解,需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細介紹了利用bootstrapValidator驗證UEditor,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
實際過程中你會發(fā)現(xiàn)圖表在div中的位置不太理想,這時怎么去調(diào)整呢?下面這篇文章主要給大家介紹了關(guān)于Echarts圖表位置調(diào)整的相關(guān)資料,需要的朋友可以參考下2022-10-10
Canvas實現(xiàn)動態(tài)粒子文字效果的代碼示例
這篇文章主要介紹了如何用Canvas實現(xiàn)動態(tài)粒子文字效果,文中有完整的代碼示例,文章通過代碼介紹的非常清楚,感興趣的小伙伴跟著小編一起來看看吧2023-08-08
Mozilla中顯示textarea中選擇的文字...2006-09-09
圣誕節(jié)即將來臨，大家都在發(fā)圣誕樹，小編今天就為大家介紹一個基于JavaScript實現(xiàn)的圣誕小游戲，文中的示例代碼簡單易懂，感興趣的可以學習一下2021-12-12
如何禁止拷貝網(wǎng)頁內(nèi)容，想維護下自己的版權(quán)，下面有個不錯的方法，大家可以學習下2014-01-01