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实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
javascript模拟命名空间
Apr 17 Javascript
老生常谈onBlur事件与onfocus事件(js)
Jul 09 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
bootstrap导航、选项卡实现代码
Dec 28 Javascript
ES6/JavaScript使用技巧分享
Dec 14 Javascript
Vue.set()实现数据动态响应的方法
Feb 07 Javascript
微信小程序实现自定义modal弹窗封装的方法
Jun 15 Javascript
vue实现拖拽效果
Dec 23 Javascript
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
JavaScript 链表定义与使用方法示例
Apr 28 Javascript
针对Vue路由history模式下Nginx后台配置操作
Oct 22 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下统计用户在线时间的一种尝试
2010/08/26 PHP
php whois查询API制作方法
2011/06/23 PHP
PHP面向对象概念
2011/11/06 PHP
谨慎使用PHP的引用原因分析
2012/09/06 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
phpstudy2020搭建站点的实现示例
2020/10/30 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
DHTML Slide Show script图片轮换
2008/03/03 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
跟我学习javascript的基本类型和引用类型
2015/11/16 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
vue中component组件的props使用详解
2017/09/04 Javascript
详解nodejs中express搭建权限管理系统
2017/09/15 NodeJs
js实现双人五子棋小游戏
2020/05/28 Javascript
nodeJS与MySQL实现分页数据以及倒序数据
2020/06/05 NodeJs
vue中的v-model原理,与组件自定义v-model详解
2020/08/04 Javascript
在Python中使用zlib模块进行数据压缩的教程
2015/06/26 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
Django中Model的使用方法教程
2018/03/07 Python
python实现飞机大战微信小游戏
2020/03/21 Python
对python中矩阵相加函数sum()的使用详解
2019/01/28 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
django-filter和普通查询的例子
2019/08/12 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
python字典setdefault方法和get方法使用实例
2019/12/25 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
戴森西班牙官网:Dyson西班牙
2020/02/04 全球购物
节水倡议书范文
2014/04/15 职场文书
关于读书的演讲稿
2014/05/07 职场文书
2014年局领导班子自身建设情况汇报
2014/11/21 职场文书
2016年党员干部廉政承诺书
2016/03/24 职场文书
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL