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 相关文章推荐
TextArea 控件的最大长度问题(js json)
Dec 16 Javascript
jquery 经典动画菜单效果代码
Jan 26 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
Feb 14 Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 Javascript
alert出数组中的随即值代码
Sep 25 Javascript
JavaScript函数作用域链分析
Feb 13 Javascript
浅谈javascript事件取消和阻止冒泡
May 26 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
JavaScript实现多重继承的方法分析
Jan 09 Javascript
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
js脚本中执行java后台代码方法解析
Oct 11 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下载文件的代码示例
2012/06/29 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
laravel通用化的CURD的实现
2019/12/13 PHP
js 模拟气泡屏保效果代码
2010/07/10 Javascript
dojo随手记 gird组件引用
2011/02/24 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
JavaScript实现更改网页背景与字体颜色的方法
2015/02/02 Javascript
javascript结合Canvas 实现简易的圆形时钟
2015/03/11 Javascript
iframe里使用JavaScript控制主页转向的方法
2015/04/03 Javascript
JavaScript基于ajax编辑信息用法实例
2015/07/15 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
微信小程序自定义带价格显示日历效果
2018/12/29 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
Openlayers绘制地图标注
2020/09/28 Javascript
[01:19:46]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
Python闭包的两个注意事项(推荐)
2017/03/20 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
Python import与from import使用及区别介绍
2018/09/06 Python
python 利用pandas将arff文件转csv文件的方法
2019/02/12 Python
树莓派用python中的OpenCV输出USB摄像头画面
2019/06/22 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
经典大学生求职信范文
2014/01/06 职场文书
查摆剖析材料范文
2014/09/30 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
聊一聊python常用的编程模块
2021/05/14 Python
Spring Boot 实现敏感词及特殊字符过滤处理
2021/06/29 Java/Android