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 相关文章推荐
jQuery 入门讲解1
Apr 15 Javascript
js本身的局限性 别让javascript做太多事
Mar 23 Javascript
url地址自动加#号问题说明
Aug 21 Javascript
JQuery实现用户名无刷新验证的小例子
Mar 22 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
前端弹出对话框 js实现ajax交互
Sep 09 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 Javascript
Vue.js 表单控件操作小结
Mar 29 Javascript
Angular使用动态加载组件方法实现Dialog的示例
May 11 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
5分钟学会Vue动画效果(小结)
Jul 21 Javascript
Koa代理Http请求的示例代码
Oct 10 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中检查PHP文件是否有语法错误的方法
2009/12/23 PHP
phpmailer简单发送邮件的方法(附phpmailer源码下载)
2016/06/13 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
php如何获取Http请求
2020/04/30 PHP
Prototype Class对象学习
2009/07/19 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
jQuery 自定义函数写法分享
2012/03/30 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
angularJS中router的使用指南
2015/02/09 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
node.js express中app.param的用法详解
2017/07/16 Javascript
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
Vue 防止短时间内连续点击后多次触发请求的操作
2020/11/11 Javascript
[01:14]3.19DOTA2发布会 三代刀塔人第二代
2014/03/25 DOTA
Python中使用Inotify监控文件实例
2015/02/14 Python
详细介绍Python函数中的默认参数
2015/03/30 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
Pycharm中安装Pygal并使用Pygal模拟掷骰子(推荐)
2020/04/08 Python
flask开启多线程的具体方法
2020/08/02 Python
24岁生日感言
2014/01/13 职场文书
社区工作感言
2014/02/21 职场文书
行政监察建议书
2014/05/19 职场文书
2014和解协议书范文
2014/09/15 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
Redis 配置文件重要属性的具体使用
2021/05/20 Redis
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android