当前位置: 首页 > 编程笔记 >

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

有德业
2023-03-14
本文向大家介绍利用JS实现页面删除并重新排序功能,包括了利用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实现页面删除并重新排序功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 我试图通过合并排序对数组进行排序,并在排序时删除我认为相等的元素。我递归调用合并排序,然后合并。 到了这一点,我发现a和c是重复的。 我根据特定的标准决定我想要哪一个,我选择c。我递增右手计数器和左手计数器,比较b和d。假设我选择d,然后我选择b。我希望我的最终列表只有元素 但是,发生的事情是在下一个递归调用中,和是0和3,因此d在下一次调用时在数组中列出两次。合并过程使用的数组是: 这是代码。提

  • 本文向大家介绍JS实现HTML表格排序功能,包括了JS实现HTML表格排序功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaScript实现HTML表格排序功能,供大家参考,具体内容如下 HTML代码: JavaScirpt代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍js实现分页功能,包括了js实现分页功能的使用技巧和注意事项,需要的朋友参考一下 本文仅为自己记录下编写过程,如有兴趣,或者疑问,请与我联系。 写前背景:java开发工作经验一年,现项目为SSM框架,使用maven管理项目。需要页面查询实现分页,网上找了很多插件,单独页面实现是好的,可是放到我的页面就没有效果,苦于自己也找不到原因,故写以下代码,很是粗糙,不过懒得整理成js文件了。

  • 本文向大家介绍jQuery使用DataTable实现删除数据后重新加载功能,包括了jQuery使用DataTable实现删除数据后重新加载功能的使用技巧和注意事项,需要的朋友参考一下 问题描述: 利用jQuery Datatable和artTemplate组合来做的表格。但是当删除数据时,需要重新加载table里的数据。但是问题是datatable并没有直接的重新渲染,反而给数据累加上了。 解决办

  • 我写了一个程序来解决以下问题: 在一个环形平面上实现扩散限制聚集模拟,其中种子是随机产生的,粒子是随机移动的。如果粒子没有落在种子或粒子附近,它们就会移动。其中用户输入种子(红色像素),粒子(黑色像素),步骤(无或迭代),平面大小。 我的代码很慢。我怎样才能让它更快? 我随机创建x和y坐标并绘制红色像素(种子),然后随机创建x和y为黑色像素(粒子),如果一个黑色像素降落在有红色或黑色像素的地方,它

  • 本文向大家介绍JS简单实现表格排序功能示例,包括了JS简单实现表格排序功能示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS简单实现表格排序功能的方法。分享给大家供大家参考,具体如下: 思路:遍历每个li,并把它们存放到数组中去,然后通过sort()方法进行排序,再插入 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript操作DOM技巧总结》、《Ja