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高级程序设计(第3版)学习笔记 概述
Oct 11 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
Jan 17 Javascript
手机平板等移动端适配跳转URL的js代码
Jan 25 Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 Javascript
JQuery给元素绑定click事件多次执行的解决方法
May 29 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
bootstrap flask登录页面编写实例
Nov 01 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
JavaScript实现重力下落与弹性效果的方法分析
Dec 20 Javascript
vue登录以及权限验证相关的实现
Oct 25 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
PHILIPS AE3805收音机的分析打磨
2021/03/02 无线电
mysq GBKl乱码
2006/11/28 PHP
配置eAccelerator和XCache扩展来加速PHP程序的执行
2015/12/22 PHP
Laravel使用RabbitMQ的方法示例
2019/06/18 PHP
一句话JavaScript表单验证代码
2009/08/02 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
JS嵌套函数调用上下文的问题解决
2014/03/26 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
JavaScript整除运算函数ceil和floor的区别分析
2015/04/14 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
2015/08/31 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
浅析使用BootStrap TreeView插件实现灵活配置快递模板
2016/11/28 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
angular5 httpclient的示例实战
2018/03/12 Javascript
详解Webpack loader 之 file-loader
2018/11/07 Javascript
js实现多个倒计时并行 js拼团倒计时
2019/02/25 Javascript
微信小程序与公众号卡券/会员打通的问题
2019/07/25 Javascript
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
eclipse创建python项目步骤详解
2019/05/10 Python
移动端适配 使px自动转换rem
2019/08/26 HTML / CSS
欧缇丽美国官网:Caudalie美国
2016/12/31 全球购物
乐高官方旗舰店:LEGO积木玩具
2019/04/06 全球购物
澳洲Chemist Direct药房中文网:澳洲大型线上直邮药房
2019/11/04 全球购物
医务人员自我评价
2014/01/26 职场文书
初一体育教学反思
2014/01/29 职场文书
校庆活动方案
2014/03/31 职场文书
四风问题对照检查材料思想汇报
2014/10/07 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书