利用JS实现页面删除并重新排序功能

更新时间：2016年12月09日 11:28:16 作者：m15733292434

这篇文章主要介绍了利用JS实现页面删除并重新排序功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下

首先，用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选择器，选中表格的行，并进行循环赋值：

$("#indicator_table").find("tr").each(function(i){
$(this).find("td").eq(10).find("a").text(i+1);
});

以上所述是小编给大家介绍的利用JS实现页面删除并重新排序功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

页面内容排序插件jSort使用方法

关于layui flow loading占位图的实现方法
今天小编就为大家分享一篇关于layui flow loading占位图的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
JS打印组合功能
这篇文章主要介绍了JS打印组合功能，包括JS实现简单的页面局部打印，感兴趣的小伙伴们可以参考一下
2016-08-08
从零开始做一个pagination分页组件
从零开始做一个pagination分页组件，这篇文章主要介绍了pagination分页组件的制作方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
JavaScript中call、apply、bind实现原理详解
其实在很多文章都会写call，apply，bind,但个人觉着如果不弄懂原理,是很难理解透的,所以这篇文章主要介绍了JavaScript中call、apply、bind实现原理的相关资料,需要的朋友可以参考下
2021-06-06
npm淘宝镜像修改讲解
这篇文章主要介绍了npm淘宝镜像修改讲解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
2021-08-08
微信小程序页面返回传值的4种解决方案汇总
这篇文章主要给大家介绍了关于微信小程序页面返回传值的4种解决方案,小程序开发中经常会遇到这种场景,比如提交问题,然后需要返回之前页面,本文通过示例代码介绍的非常详细,需要的朋友可以参考下
2021-07-07
动态的9*9乘法表效果的实现代码
下面小编就为大家带来一篇动态的9*9乘法表效果的实现代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
2016-05-05
bootstrap 路径导航分页进度条的实例代码
本文通过实例代码给大家介绍了bootstrap 路径导航分页进度条的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-08-08
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
写了个html5播放视频的video控件，只支持mp4和3gp(android和ios默认支持的格式就写了这个) ,需要的朋友可以参考下
2014-05-05
Layui 导航默认展开和菜单栏选中高亮设置的方法
今天小编就为大家分享一篇Layui 导航默认展开和菜单栏选中高亮设置的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09