Jquery动态表格选中删除

Posted hzqzwl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery动态表格选中删除相关的知识,希望对你有一定的参考价值。

  在写动态表格的删除事件时,遇到了一个问题,

当我这样选中时

技术图片

 

 

 之前选中删除的代码是这样

技术图片

 

 

 我想根据选中框的tr的下标,来将相应的tr删除,但是这样并不能达到预期效果,不能一次全部删除,选中多个时总会有残留

就是下面这样,点击选中删除后的样子

技术图片

 

 

 我想了许多办法都未能解决,放弃一段时间后我突然明白了一个最简单的问题

动态表格,就算是删除的时候,他在我选中多个的时候,也根据我选中的下标进行删除,也就是一个个删除,当删除第一个的时候,所有的下标发生了变化,这样会对第二个要删除的元素发生变化,于是我对循环的方式进行了改变

技术图片

 

 对,我将循环顺序改为倒着循环,这样就会每次先解析当前长度,然后进行删除,这样就达到了选中哪些就一次删除哪些的效果

 

以上是关于Jquery动态表格选中删除的主要内容,如果未能解决你的问题,请参考以下文章

jQuery获取动态表格中checkbox被选中一行的属性数据

如何用jquery实现动态删除表格行

jquery给表格动态添加删除行后如何获取数据

jQuery练习--[实现左移右移功能,实现列表动态新增,删除功能;实现表格隔行变色,选中时高亮显示.]

使用jquery动态添加表格的行之后,如何获取表格高度?

JQuery动态添加表格,然后动态删除不成功问题