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。</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
}

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索动态添加
移除tr
jquery移除table tr、jquery 移除tr、jquery 根据id移除tr、jquery 移除所有tr、jquery动态添加tr,以便于您获取更多的相关知识。

时间: 2025-01-04 05:45:32

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

jQuery prototype冲突的2种解决方法(附demo示例下载)_jquery

本文实例分析了jQuery prototype冲突的2种解决方法.分享给大家供大家参考,具体如下: jquery和prototype怎么会冲突,归根到底就是因为他们二个都用到了$,同时用,混淆了.这个问题解决过不下5次,每次解决都要查一下.淡疼,嘿嘿. 方法一.在jquery的核心库文件中加代码. 1.一般是jquery.js,或者jquery.min.js,有的带版本号的.知道是哪个文件就行. })( window ); jQuery.noConflict(); //最后面,加上这一行. 2.

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.&

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