jQuery移除tr

今天在做项目时,碰到一个问题,那就是移除掉某些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){
	    $(temp).parent().parent().remove(); //必须保证页面已经引入了jQuery才可以使用
               //此处$(temp)先获取到<a>对象,.parent()拿到<td>,再.parent()获取到tr
         }

     

时间: 2024-08-11 07:47:41

jQuery移除tr的相关文章

利用jquery移除和添加图片

利用jquery移除和添加图片 1.样式 <style type="text/css">     .changeImage{          background:url(images/right.png) no-repeat center;     } </style> 2.JS (1)在改变标签的样式,需要移除之前添加的样式 $("#tab tr").find("td").removeClass("chan

jquery遍历table tr td内容

$("#result").find("tr").each(function () { $(this).find("td").each(function () { if ($(this).text().indexOf("惠") > 0) { var m = $(this).text().toString(); $(this).css("width", "165px"); $(this

JQuery移除事件

移除事件 unbind(type [,data])     //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有     对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......});     模拟操作 可以用trigger()方法完成模拟操作. $('#btn').trigge

JQuery+javascript遍历tr td

function InitTable(tableID, trName) { $(tableID + " tr").each(function (index, element) { if (index == 0 || index == $(tableID + " tr").length - 1) { return true; } var s = element.cells[0].innerHTML; if ($.trim(s) != '') { if (s.index

汇总常用的jQuery操作Table tr td方法

虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率. 1.鼠标移动行变色  $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){

jQuery操作Table tr td方法大全

虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率. 1.鼠标移动行变色  $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){

jquery移除onclick绑定重新绑定别的函数来执行onclick事件

本文分享了使用jquery移除前面通过onclick绑定的元素的事件,然后重新绑定别的函数来执行onclick事件. 解决方案:· 1.失败方案: $(".edit").removeAttr("onclick");//网上有些资料说jquery1.6+可以使用,但我试过不可以 2.成功方案<更适用于非button标签>: //亲测可用 $(".edit").prop("onclick",null).off(&quo

jQuery点击tr实现checkbox

标题描述的有点不贴切,但希望大家能够明白,为了更形像的表达,我特意录制了一张GIF动画图片. 我不知道实际开发中有没有用到这种效果,但我个人认为,这种方式更人性化,因为只要点到一行,就可以使CheckBox.checked=true: 不用非得点复选按钮才能实现; 实现的过程有点纠结,试了几次都没成,最后用了一个笨笨的方法,就是点击行的时候,让他的子元素(td)的背景颜色为红色.(因为我用到了光棒效果,如果我点击行(td)的时候,颜色是变了,但鼠标一离开的时候就又变回原来的颜色了) 可能你会问我

Jquery 移除 html中绑定的onClick事件

HTML绑定示例: <button class="edit" onClick="showTurnEdit(this)">编辑</button> 需求: 在点击触发submit方法后,触发移除掉 .edit 中的onClick事件: 解决方案: 1.失败方案: $(".edit").removeAttr("onclick");//网上有些资料说jquery1.6+可以使用,但我试过不可以 2.成功方案: