jQuery移除tr无效的解决方法(tr是动态添加)
今天在做项目时,碰到一个问题,那就是移除掉某些tr(tr是动态添加的)。尝试了很多方法,都不见效(比如,deleteRow方法,貌似传的参数只能是tr的行数。没有仔细研究目前)。后来,发现这个方法效果不错,特此记录。
$(temp).parent().remove();//temp为td的id codeclass="jsplain">我的理解是这样的:$(temp)先获取到该td对象,然后.parent()获取到td的tr,再remove()方法,删除tr。</code>
html代码:
<table> <tr> <td><ahref='#'onclick='removeTr(this)'>123</a></td> <td><ahref='#'onclick='removeTr(this)'>456</a></td> </tr> <tr> <td><ahref='#'onclick='removeTr(this)'>aaa</a></td> <td><ahref='#'onclick='removeTr(this)'>bbb</a></td> </tr> ;/table>
js代码:
functionremoveTr(temp){
mp).parent().parent().remove();//必须保证页面已经引入了jQuery才可以使用
//此处$(temp)先获取到<a>对象,.parent()拿到<td>,再.parent()获取到tr
}热门推荐
10 朋友新年祝福语大全 简短
11 新年祝福语简短大方兔年
12 搬新家礼物祝福语简短
13 同学见面花束祝福语简短
14 五一假期祝福语幽默简短
15 离职欢送敬酒祝福语简短
16 对学弟的祝福语简短
17 考老师辞职祝福语简短
18 祝福语驱散霉运的话简短