Jquery动态表格选中删除

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

当我这样选中时

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

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

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

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

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

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

原文地址：https://www.cnblogs.com/hzqzwl/p/12361005.html

时间： 2024-11-15 03:44:29

Jquery动态表格选中删除的相关文章

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

jquery动态增加或删除tr和td【实际项目】

难点: (1)动态增加.删除tr和td (2)每天tr和td都有下标,且下标要动态变化, (3)tr和td为什么下标不能随便写,原因是此处需要把所有tr中的数据以list的形式发送到后台对象中,所有每天tr中的tr中name='对象[index].属性',必须有下标且下标要从0开始且要连续不能跳跃 (4)增加tr和td需要学习细节有: 创建td   var $tdName = $("<td class='in-ctt'></td>"); td添加内容   $td

利用jquery动态添加和删除表格的一行，并且保存单行数据

开发时遇到一个需求:要求要在页面的表格可以添加和删除一行,并能填写对应的数据后保存这一行数据. HTML代码 界面使用了freemarker框架,teams是后台传过来的list类型数据 <form action="" id="" method="post"> ... <table id="addTable" > <tr class="first_tr"> <th&

用JQuery动态为选中元素添加/删除类

在做一些tab页功能时,我们经常会见到如下样式: 即当选中一个元素时,在此元素下会添加相应的类,以示区别.今天就研究了一下如何用JQuery实现此效果. 1. HTML代码 <a id="med_specialist_1" name="med-specialist" class="med-active">专家门诊1</a> <a id="med_specialist_2" name="m

jQuery动态添加和删除表格行

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <script type="text/javascript" src="

js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

（十七）jquery动态创建，删除 table 行

<style> html{ background:none;} table{ width:100%; border:1px solid #CCC; border-top:none; border-left:none; } table td, table th{ text-align:left; border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:10px; height:50px; font-size:16p

JQuery动态创建、删除DOM元素

动态创建Dom节点 1.使用$(html字符串)来创建Dom节点 2.append方法用来在元素的末尾追加元素 3.prepend,在元素的开始添加元素. prependTo.after,在元素之后添加元素(添加兄弟).before:在元素之前添加元素(添加兄弟). 删除节点 (1)remove()删除选择的节点 (2)empty()是将节点清空,清除节点的innerHTML,节点还在 动态创建Dom节点示例: 1.使用$(html字符串)来创建Dom节点,并且返回一个jQuery对象,然后调用

angularjs实现动态表格的删除与增加

<div class="wrap" ng-controller="ViewController"> <div class="butgroup"> <button type="button" id="addData" class="btn btn-success" ng-click="addData()">Add Data</b