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高级技巧
Dec 20 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 Javascript
jQuery判断div随滚动条滚动到一定位置后停止
Apr 02 Javascript
JavaScript获取当前url根目录(路径)
Jun 17 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
Apr 15 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
vue解决使用$http获取数据时报错的问题
Oct 30 Javascript
微信小程序 bindtap 传参的实例代码
Feb 21 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
Jul 17 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取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
Symfony2函数用法实例分析
2016/03/18 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
PHP中的多种加密技术及代码示例解析
2016/10/20 PHP
PHP使用xpath解析XML的方法详解
2017/05/20 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
2018/04/07 Javascript
详解Vue中的Props与Data细微差别
2020/03/02 Javascript
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
python装饰器与递归算法详解
2016/02/18 Python
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
浅谈python中的占位符
2017/11/09 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
Tensorflow分类器项目自定义数据读入的实现
2019/02/05 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
使用CSS3配合IE滤镜实现渐变和投影的效果
2015/09/06 HTML / CSS
美国孕妇装品牌:Destination Maternity
2018/02/04 全球购物
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
你经历的项目中的SCM配置项主要有哪些?什么是配置项?
2013/11/04 面试题
什么是servlet
2012/05/08 面试题
优秀管理者获奖感言
2014/02/17 职场文书
个人委托书怎么写
2014/04/04 职场文书
小学班主任培训方案
2014/06/04 职场文书
应聘会计求职信
2014/06/11 职场文书
学校宣传标语
2014/06/18 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
Html分层的box-shadow效果的示例代码
2021/03/30 HTML / CSS
彻底理解golang中什么是nil
2021/04/29 Golang
MySQL 原理优化之Group By的优化技巧
2022/08/14 MySQL