利用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实现页面删除并重新排序功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
相关文章
遍历子节点子元素的方法有很多，本例使用js来实现，另附示例代码及属性方法，需要的朋友可以参考下2014-08-08
这篇文章主要介绍了微信小程序获取手机系统信息的方法,涉及微信小程序wx.getSystemInfo函数的简单使用技巧,并附带源码供读者下载参考,需要的朋友可以参考下2017-12-12
这篇文章主要介绍了TypeScript 运行时类型检查补充工具，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
这篇文章主要为大家详细介绍了bootstrap table插件动态加载表头，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
在本篇内容里小编给大家整理了关于解决JS跨域请求的问题知识点，需要的朋友们参考学习下。2018-12-12
本窗口将在秒后自动关闭...2006-07-07
对于浏览器插件相信大家都不陌生，谁的浏览器不装几个好用的插件呢，更是有油猴这个强大的神器。所以本文就来用JavaScript开发一个谷歌浏览器插件，感兴趣的小伙伴可以了解一下2022-11-11
今天小编就为大家分享一篇js正则表达式校验指定字符串的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-07-07
这篇文章主要介绍了javascript鼠标滑动评分控件实现方法,以完整实例形式详细分析了javascript操作鼠标事件及页面元素样式实现评分效果的方法,需要的朋友可以参考下2015-05-05![文本框中,回车键触发事件的js代码[多浏览器兼容]](//img.jbzj.com/images/xgimg/bcimg9.png)
在文本框中输入完内容后,经常需要按回车,焦点跳到下个文本框,或者触发按钮事件2010-06-06
![文本框中,回车键触发事件的js代码[多浏览器兼容]](http://img.jbzj.com/images/xgimg/bcimg9.png)
最新评论