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 相关文章推荐
javascript 面向对象编程基础 多态
Aug 21 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
js中onload与onunload的使用示例
Aug 25 Javascript
JS实现三个层重叠点击互相切换的方法
Oct 06 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
Javascript从数组中随机取出不同元素的两种方法
Sep 22 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
小程序实现抽奖动画
Apr 16 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
js轮播图之旋转木马效果
Oct 13 Javascript
vue3如何优雅的实现移动端登录注册模块
Mar 29 Vue.js
谷歌浏览器不支持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实现获取文件mime类型多种方法解析
2020/05/28 PHP
javascript web页面刷新的方法收集
2009/07/02 Javascript
jquery 问答知识整理
2010/02/11 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
JS随即打乱数组实现代码
2012/12/03 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
js中数组排序sort方法的原理分析
2014/11/20 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
2015/10/19 Javascript
轻松实现Bootstrap图片轮播
2020/04/20 Javascript
JavaScript实现页面跳转的方式汇总
2016/05/16 Javascript
AngularJS  $on、$emit和$broadcast的使用
2016/09/05 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
浅谈Node 调试工具入门教程
2018/03/20 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
vue移动端下拉刷新和上拉加载的实现代码
2018/09/08 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
2019/07/22 Javascript
Bootstrap table 服务器端分页功能实现方法示例
2020/06/01 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
深入理解Python中变量赋值的问题
2017/01/12 Python
python中logging库的使用总结
2017/10/18 Python
详解python中的json和字典dict
2018/06/22 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】
2019/01/07 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
招商经理岗位职责
2013/11/16 职场文书
工程专业毕业生自荐信范文
2013/12/25 职场文书
汽车销售员如何做职业生涯规划
2014/02/16 职场文书
十八大演讲稿
2014/05/22 职场文书
高中生学习计划书
2014/09/15 职场文书
新闻发布会新闻稿
2015/07/17 职场文书
Pytorch GPU内存占用很高,但是利用率很低如何解决
2021/06/01 Python