jQuery移除tr无效的解决方法(tr是动态添加)


Posted in Javascript onSeptember 22, 2014

今天在做项目时,碰到一个问题,那就是移除掉某些tr(tr是动态添加的)。尝试了很多方法,都不见效(比如,deleteRow方法,貌似传的参数只能是tr的行数。没有仔细研究目前)。后来,发现这个方法效果不错,特此记录。

$(temp).parent().remove(); //temp为td的id 
code class="js plain"> 我的理解是这样的:$(temp)先获取到该td对象,然后.parent()获取到td的tr,再remove()方法,删除tr。</code>

html代码:

<table> 
<tr> 
<td><a href='#' onclick='removeTr(this)'>123</a></td> 
<td><a href='#' onclick='removeTr(this)'>456</a></td> 
</tr> 
<tr> 
<td><a href='#' onclick='removeTr(this)'>aaa</a></td> 
<td><a href='#' onclick='removeTr(this)'>bbb</a></td> 
</tr> 
;/table>

js代码:

function removeTr(temp){ 
mp).parent().parent().remove(); //必须保证页面已经引入了jQuery才可以使用 
//此处$(temp)先获取到<a>对象,.parent()拿到<td>,再.parent()获取到tr 
}
Javascript 相关文章推荐
把JS与CSS写在同一个文件里的书写方法
Jun 02 Javascript
javascript EXCEL 操作类代码
Jul 30 Javascript
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
javascript中callee与caller的用法和应用场景
Dec 08 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
May 03 Javascript
Node.js 日志处理模块log4js
Aug 28 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
js时间查询插件使用详解
Apr 07 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
详解JavaScript数据类型和判断方法
Sep 04 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 #Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 #Javascript
javascript实现动态模态绑定grid过程代码
Sep 22 #Javascript
Javascript中call与apply的学习笔记
Sep 22 #Javascript
Javascript中this的用法详解
Sep 22 #Javascript
JavaScript的作用域和块级作用域概念理解
Sep 21 #Javascript
JavaScript中双叹号!!作用示例介绍
Sep 21 #Javascript
You might like
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
{}与function(){}选用空对象{}来存放keyValue
2012/05/23 Javascript
JavaScript对象创建及继承原理实例解剖
2013/02/28 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
ajax图片上传,图片异步上传,更新实例
2016/12/30 Javascript
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
2017/04/01 Javascript
VUE页面中加载外部HTML的示例代码
2017/09/20 Javascript
在Mac下彻底卸载node和npm的方法
2018/05/16 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
实例详解带参数的 npm script
2019/05/28 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
js实现随机点名功能
2020/12/23 Javascript
python继承和抽象类的实现方法
2015/01/14 Python
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python的Flask框架与数据库连接的教程
2015/04/20 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
屈臣氏泰国官网:Watsons TH
2021/02/23 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
化学专业自荐信
2014/05/28 职场文书
专科生就业求职信
2014/06/22 职场文书
艺术学院毕业生求职信
2014/07/09 职场文书
沙滩主题婚礼活动策划方案
2014/09/15 职场文书
2014超市收银员工作总结
2014/11/13 职场文书
2014年林业工作总结
2014/12/05 职场文书
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android