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 相关文章推荐
Node.js实战 建立简单的Web服务器
Mar 08 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
jQuery实现form表单元素序列化为json对象的方法
Dec 09 Javascript
初步使用bootstrap快速创建页面
Mar 03 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
JS制作图形验证码实现代码
Oct 19 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
Mar 03 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
node.js环境搭建图文详解
Sep 19 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
Apr 30 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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
php文件操作之小型留言本实例
2015/06/20 PHP
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
基于jQuery的Tab选项框效果代码(插件)
2011/03/01 Javascript
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
JavaScript中的small()方法使用详解
2015/06/08 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
2016/08/15 Javascript
纯JS实现可拖拽表单的简单实例
2016/09/02 Javascript
jQuery给指定的table动态添加删除行的操作方法
2016/10/12 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
bootstrap datetimepicker日期插件使用方法
2017/01/13 Javascript
three.js实现围绕某物体旋转
2017/01/25 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
2019/06/19 Javascript
搭建一个nodejs脚手架的方法步骤
2019/06/28 NodeJs
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
javascript History对象原理解析
2020/02/17 Javascript
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
django实现模型字段动态choice的操作
2020/04/01 Python
python怎么提高计算速度
2020/06/11 Python
keras中的History对象用法
2020/06/19 Python
CSS中越界问题的经典解决方案【推荐】
2016/04/19 HTML / CSS
给面试官的感谢信
2014/02/01 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
小学大队干部竞选稿
2015/11/20 职场文书
导游词之广州陈家祠
2019/10/21 职场文书
用Python简陋模拟n阶魔方
2021/04/17 Python
如何使用Python实现一个简易的ORM模型
2021/05/12 Python
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers