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 程序编码规范
Nov 23 Javascript
JQuery datepicker 使用方法
May 20 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
May 13 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
Vue学习笔记进阶篇之过渡状态详解
Jul 14 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
Vue中建立全局引用或者全局命令的方法
Aug 21 Javascript
微信小程序中换行空格(多个空格)写法详解
Jul 10 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 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面向对象的方法重载两种版本比较
2008/09/08 PHP
php实现递归与无限分类的方法
2015/02/16 PHP
PHP入门教程之自定义函数用法详解(创建,调用,变量,参数,返回值等)
2016/09/11 PHP
jQuery EasyUI API 中文文档 - ProgressBar 进度条
2011/09/29 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
Bootstrap对话框使用实例讲解
2016/09/24 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
详解webpack loader和plugin编写
2018/10/12 Javascript
Vue实现仿iPhone悬浮球的示例代码
2020/03/13 Javascript
javascript设计模式 ? 享元模式原理与用法实例分析
2020/04/15 Javascript
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
python实现跨文件全局变量的方法
2014/07/07 Python
火车票抢票python代码公开揭秘!
2018/03/08 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
基于K.image_data_format() == 'channels_first' 的理解
2020/06/29 Python
Python3.9新特性详解
2020/10/10 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
python中常用的数据结构介绍
2021/01/12 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
工业设计专业推荐信
2013/10/29 职场文书
战友聚会邀请函
2014/01/18 职场文书
2014迎新年晚会策划方案
2014/02/23 职场文书
代收款委托书范本
2014/10/01 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
学雷锋倡议书
2015/01/19 职场文书
继承权公证书范本
2015/01/23 职场文书
2015年重阳节主持词
2015/07/04 职场文书
浅谈怎么给Python添加类型标注
2021/06/08 Python