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 相关文章推荐
document对象execCommand的command参数介绍
Aug 01 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
Jul 03 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
Nov 18 Javascript
5种处理js跨域问题方法汇总
Dec 04 Javascript
Javascript基础教程之数组 array
Jan 18 Javascript
详解AngularJS中的表达式使用
Jun 16 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
JavaScript中将数组进行合并的基本方法讲解
Mar 07 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
vue微信分享出来的链接点开是首页问题的解决方法
Nov 28 Javascript
Js图片点击切换轮播实现代码
Jul 27 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
为什么《星际争霸》是测试人工智能的理想战场
2019/12/03 星际争霸
php+mysql实现无限级分类 | 树型显示分类关系
2006/11/19 PHP
PHP 各种排序算法实现代码
2009/08/20 PHP
PHP print类函数使用总结
2010/06/25 PHP
javascript,php获取函数参数对象的代码
2011/02/03 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
Javascript中的包装类型介绍
2015/04/02 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
js+ajax实现获取文件大小的方法
2015/12/08 Javascript
浅谈JavaScript 覆盖原型以及更改原型
2016/08/31 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
javascript 代码是如何被压缩的示例代码
2020/05/06 Javascript
JavaScript 正则应用详解【模式、欲查、反向引用等】
2020/05/13 Javascript
Jquery如何使用animation动画效果改变背景色的代码
2020/07/20 jQuery
vue 接口请求地址前缀本地开发和线上开发设置方式
2020/08/13 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Python greenlet实现原理和使用示例
2014/09/24 Python
python人人网登录应用实例
2014/09/26 Python
使用Python编写简单的端口扫描器的实例分享
2015/12/18 Python
Django 视图层(view)的使用
2018/11/09 Python
Django实现微信小程序的登录验证功能并维护登录态
2019/07/04 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
惠普香港官方商店:HP香港
2019/04/30 全球购物
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
广告传媒专业应届生求职信
2014/03/01 职场文书
学习十八大的心得体会
2014/09/01 职场文书
学校党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
创业计划书之面包店
2019/09/12 职场文书
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS