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 innerHTML使用分析
Dec 03 Javascript
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
May 19 Javascript
详解js树形控件—zTree使用总结
Dec 28 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
Sep 10 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
vue引用外部JS的两种种方法
Jan 28 Javascript
Vue自定义render统一项目组弹框功能
Jun 07 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.01发布
2006/10/09 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
apache mysql php 源码编译使用方法
2012/05/03 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
利用json获取字符出现次数的代码
2012/03/22 Javascript
JS跨域代码片段
2012/08/30 Javascript
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
2013/05/15 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
JS实现网页上随机产生超链接地址的方法
2015/11/09 Javascript
基于jquery实现的仿优酷图片轮播特效代码
2016/01/13 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
JS实现异步上传压缩图片
2017/04/22 Javascript
JS实现点击Radio动态更新table数据
2017/07/18 Javascript
利用Ionic2 + angular4实现一个地区选择组件
2017/07/27 Javascript
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
微信小程序报错:this.setData is not a function的解决办法
2017/09/27 Javascript
JavaScript使用math.js进行精确计算操作示例
2018/06/19 Javascript
vue中typescript装饰器的使用方法超实用教程
2019/06/17 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
微信小程序实现上拉加载功能
2019/11/20 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
微信小程序实现自定义底部导航
2020/11/18 Javascript
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
2019/12/18 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
如何减少垃圾回收让内存更加有效使用
2013/10/18 面试题
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
应届本科毕业生求职信
2014/07/23 职场文书
离婚协议书怎么写
2014/09/12 职场文书
2015年反腐倡廉工作总结
2015/05/14 职场文书