jquery删除<tr>

jquery删除<tr>,第1张

jquery删除指定的tr可以参考以下的方法

1、在button 的onclick事件中直接将this传过去:removeColunm(this);

2、在事件中,thisparent():代表获取到td ,thisparent()parent():代表获取到tr。

function removeColumn(thisbutton){

$(thisbutton)parent()parent()remove();

}

扩展资料:

常用的 jQuery 事件方法

$(document)ready()

$(document)ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在jQuery 语法章节中已经提到过。

click()

click() 方法是当按钮点击事件被触发时会调用一个函数。

该函数在用户点击 HTML 元素时执行。

在下面的实例中,当点击事件在某个 <p> 元素上触发时,隐藏当前的 <p> 元素:

$("p")click(function(){

$(this)hide();});

dblclick()

当双击元素时,会发生 dblclick 事件。

参考资料来源:百度百科-jQuery

很多问题其实可以在baiducom找到,不过有时自己写更有成就感。

根据你的标题描述。

个人感觉说得不是很清晰。

给出一个例子,功能是点击“删除”将移除当前点击所在单元格的前一个tr。

trlen是获取当前table总有多少个tr。

如果trlen大于1则可以删除,反之如果只剩下一个tr了不允许删除。

其中prev()是获取上一个相邻的元素。

相关的其他教程你可以去三体教程(santiicom)看一下。

先引入jquery,以下为实例代码:

<table width="100%" border="1" class="tb">

  <tr>

    <td>1</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>2</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>3</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>4</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>5</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>6</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>7</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>8</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>9</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>10</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

  <tr>

    <td>11</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td><span class="del">删除</span></td>

  </tr>

</table>$("spandel")click(function(){

    var trlen=$("tb")find("tr")length;

    if (trlen>1){

        $(this)parent()parent()prev()remove();

    }else{

        alert("只剩下一行了不能删除");

    }

});

1、可以这样做:1234window_obj = '张三';//定义对象,这时候有了一个对象_objconsolelog,控制台输出对象:张三delete window_obj;//删除对象nameconsolelog(window_obj);//控制台输出:Undefind,1$('#your_id')remove。

2、$(document)ready(function(){ $("tab1_tag1_con a")click(function(){ var $abca=$(this)html(); var $parent = $("tab1_tag2_con"); var $parentlen=$("tab1_tag2_con")children("a")length; alert('<a href="javascript:void(0)">'+$abca+'</a>'); if ($parentlen<9) { $parentappend('<a href="javascript:void(0)">'+$abca+'</a>'); } else { alert("不能添加超过10个"); } }); $("input_bt7")click(function(){ var $city = $("#input_bt77")attr("value"); var $parent = $("tab1_tag2_con"); $parentappend($city); }); $("tab1_tag2_con a")click(function(){ $(this)remove(); }); }); 删除tab1_tag2_con a里原有的<a>就可以,但是不能删除后来添加的<a>。

3、remove方法移除被选元素,包括所有文本和子节点,该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。

4、但除了这个元素本身得以保留之外,remove不会保留元素的 jQuery 数据,其他的比如绑定的事件、附加的数据等都会被移除。

以上就是关于jquery删除<tr>全部的内容,包括:jquery删除<tr>、jQuery删除表格行且只保留前第一行 求解决 麻烦啦、如何删除jQuery对象中元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9432337.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存