jQuery移除tr无效的解决方法

 今天在做项目时,碰到一个问题,那就是移除掉某些tr(tr是动态添加的)。尝试了很多方法,都不见效(比如,deleteRow方法,貌似传的参数只能是tr的行数。没有仔细研究目前)。后来,发现这个方法效果不错,特此记录。

1
2

$(temp).parent().remove(); //temp为td的id 
code class="js plain"> 我的理解是这样的:$(temp)先获取到该td对象,然后.parent()获取到td的tr,再remove()方法,删除tr。</code>

html代码:

1
2
3
4
5
6
7
8
9
10

<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代码:

1
2
3
4

function removeTr(temp){ 
mp).parent().parent().remove(); //必须保证页面已经引入了jQuery才可以使用 
//此处$(temp)先获取到<a>对象,.parent()拿到<td>,再.parent()获取到tr 
}

时间: 2024-10-26 03:44:50

jQuery移除tr无效的解决方法的相关文章

jQuery移除tr无效的解决方法(tr是动态添加)_jquery

今天在做项目时,碰到一个问题,那就是移除掉某些tr(tr是动态添加的).尝试了很多方法,都不见效(比如,deleteRow方法,貌似传的参数只能是tr的行数.没有仔细研究目前).后来,发现这个方法效果不错,特此记录. $(temp).parent().remove(); //temp为td的id code class="js plain"> 我的理解是这样的:$(temp)先获取到该td对象,然后.parent()获取到td的tr,再remove()方法,删除tr.</co

js原生态函数中使用jQuery中的 $(this)无效的解决方法_jquery

我今天的例子是这样的, 复制代码 代码如下: $("ul li").hover(function(){ setTimeout(function(){ $(this).addClass("test"); alert("延迟了0.3s 我出现了!") //测试 },300) }) 在运行时,这个黄色部分是不执行的 ,然后我弹出了一下$(this)原来是undefined (其实已经猜到了): 然后我就没想(习惯),直接到百度找了,然后没找到答案,然后

jQuery 更改checkbox的状态,无效的解决方法_jquery

今天写页面遇到复选框动态全选或全不选问题,正常写法如下: $("#tb").find("input[type='checkbox']").attr("checked","checked"); but!第一次点击全选按钮input显示对勾,第二次就不行了,查了下有建议用prop的,亲测有效.那两者有啥区别呢? jQuery函数attr()和prop()的区别: 1.操作对象不同 "attr"和"pr

jquery事件重复绑定的快速解决方法

 本篇文章主要是对jquery事件重复绑定的快速解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 一 $.fn.live 重复绑定   解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件.   代码如下: //先通过die()方法解除,再通过live()绑定 $("#selectAll").die().live("click",function(){ //事件运行代码 })

浅谈jQuery绑定事件会叠加的解决方法和心得总结_jquery

关于jQuery的学习中我忽略了一个取消绑定事件.unbind()的使用,也不知道绑定事件会累加的情况,结果因为这个原因,让我在项目上栽了坑.只能说自己还太年轻,需要学习掌握的知识还有很多. 我遇到的问题 我在项目中遇到的状况,一个评价页面,简单的来说就是左右两个表格,ajax分别动态加载学生姓名学号信息和不同科目对学生评价内容两部分,两边表格我都每行写了checkbox并对table tbody tr绑定click事件执行行选功能,起初我写的是静态页面html,行选功能完全没有问题,后来换成j

IE8中动态创建script标签onload无效的解决方法_javascript技巧

本文实例讲述了IE8中动态创建script标签onload无效的解决方法.分享给大家供大家参考.具体分析如下: 今天做项目,发现一个奇怪的问题,动态创建的script标签在IE8下无法触发onload事件. 代码如下: 复制代码 代码如下: var loadJs = function(src, fun){     var script = null;     script = document.createElement("script");     script.type = &qu

Win8.1系统安装QQ时提示“安装路径无效”的解决方法

  Win8.1系统安装QQ时提示"安装路径无效"的解决方法          解决方法一:更改安装路径 在QQ安装界面,点击"自定义"然后浏览到一个非C盘,如D盘的文件夹来安装. 解决方法二:使用管理员方式运行安装程序 针对安装QQ没有权限可以右键点击QQ安装程序,然后以管理员身份运行,然后看能不能安装.

IE6下javasc#ipt:void(0) 无效的解决方法

 本篇文章主要是对IE6下javasc#ipt:void(0) 无效的解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 IE 6 下,JSP 中 链接问题:   <a href="javascript:void(0);" target="mainFrame" onClick="btnHome_onClick()">   <javascript>   function btnHome_onClick(){ w

win8 装驱动数据无效的解决方法

  驱动程序是电脑中很重要的一环,不管是声卡驱动还是网卡驱动,只要有一个出现问题,就会对电脑的正常使用造成影响,比如说我们在使用麦克风的时候没有声音,我们就要检查下声卡驱动;如果我们电脑连不上网就要检查网卡驱动,所以我们要经常对电脑进行驱动更新,随时检查驱动的正常运行.但是最近有用户来反映说在win8系统中安装驱动时出现数据无效的提示,遇到这样的情况该怎么做呢?小编来教大家解决的方法. win8 装驱动数据无效的解决方法教程 第一步:我们需要进入win8系统桌面(这里是传统桌面),在进入桌面后按