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 相关文章推荐
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
JavaScript保留两位小数的2个自定义函数
May 05 Javascript
在JavaScript应用中实现延迟加载的方法
Jun 25 Javascript
初识Javascript小结
Jul 16 Javascript
js获取图片宽高的方法
Nov 25 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
Jun 25 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 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
解析php5配置使用pdo
2013/07/03 PHP
php将access数据库转换到mysql数据库的方法
2014/12/24 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
PHP.vs.JAVA
2016/04/29 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
php使用curl_init()和curl_multi_init()多线程的速度比较详解
2018/08/15 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
js玩一玩WSH吧
2007/02/23 Javascript
jquery获取input的value问题说明
2010/08/19 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
JS实现单击输入框弹出选择框效果完整实例
2015/12/14 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
js表单验证实例讲解
2016/03/31 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
AngularJS中下拉框的高级用法示例
2017/10/11 Javascript
微信小程序开发之路由切换页面重定向问题
2018/09/18 Javascript
小程序多图列表实现性能优化的方法步骤
2019/05/28 Javascript
JS对日期操作封装代码实例
2019/11/08 Javascript
使用webpack/gulp构建TypeScript项目的方法示例
2019/12/18 Javascript
vue 封装面包屑组件教程
2020/11/16 Javascript
Python设计模式之观察者模式实例
2014/04/26 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
Python爬虫包BeautifulSoup异常处理(二)
2018/06/17 Python
法国时尚品牌乐都特瑞士站:La Redoute瑞士
2016/09/05 全球购物
软件工程专业推荐信
2013/10/28 职场文书
聚美优品恶搞广告词
2014/03/14 职场文书
小学红领巾广播稿(3篇)
2014/09/13 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
小学国庆节活动总结
2015/03/23 职场文书
出纳岗位职责范本
2015/03/31 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书
股东出资协议书
2016/03/21 职场文书
python的html标准库
2022/04/29 Python
JavaScript parseInt0.0000005打印5原理解析
2022/07/23 Javascript