用jQuery删除表行的最佳方法是什么？

今天药忘吃喽~ 2022-11-26 10:59 98阅读 0赞

本文翻译自：[What is the best way to remove a table row with jQuery?][What is the best way to remove a table row with jQuery]

用jQuery删除表行的最佳方法是什么？

--------------------

### \#1楼 ###

参考：[https://stackoom.com/question/Iu1/用jQuery删除表行的最佳方法是什么][https_stackoom.com_question_Iu1_jQuery]

--------------------

### \#2楼 ###

*If the row you want to delete might change you can use this.* **如果您要删除的行可能会更改，则可以使用此行。** *Just pass this function the row \# you wish to delete.* **只需将此函数传递到要删除的行＃即可。**

function removeMyRow(docRowCount){
       $('table tr').eq(docRowCount).remove();
    }

--------------------

### \#3楼 ###

*if you have HTML like this* **如果您有这样的HTML**

<tr>
     <td><span class="spanUser" userid="123"></span></td>
     <td><span class="spanUser" userid="123"></span></td>
    </tr>

*where `userid="123"` is a custom attribute that you can populate dynamically when you build the table,* **其中`userid="123"`是自定义属性，您可以在构建表时动态填充该属性，**

*you can use something like* **您可以使用类似**

$(".spanUser").live("click", function () {
    
            var span = $(this);   
            var userid = $(this).attr('userid');
    
            var currentURL = window.location.protocol + '//' + window.location.host;
            var url = currentURL + "/Account/DeleteUser/" + userid;
    
            $.post(url, function (data) {
              if (data) {
                       var tdTAG = span.parent(); // GET PARENT OF SPAN TAG
                       var trTAG = tdTAG.parent(); // GET PARENT OF TD TAG
                       trTAG.remove(); // DELETE TR TAG == DELETE AN ENTIRE TABLE ROW 
                 } else {
                    alert('Sorry, there is some error.');
                }
            }); 
    
         });

*So in that case you don't know the class or id of the `TR` tag but anyway you are able to delete it.* **因此，在这种情况下，您不知道`TR`标签的类或ID，但是无论如何您都可以删除它。**

--------------------

### \#4楼 ###

是否可以接受以下内容：

$('#myTableRow').remove();

--------------------

### \#5楼 ###

*You're right:* **你是对的：**

$('#myTableRow').remove();

*This works fine if your row has an `id` , such as:* **如果您的行具有`id` ，则此方法很好用，例如：**

<tr id="myTableRow"><td>blah</td></tr>

*If you don't have an `id` , you can use any of jQuery's [plethora of selectors][] .* **如果没有`id` ，则可以使用jQuery的[大量选择器中的][plethora of selectors]任何一个。**

--------------------

### \#6楼 ###

function removeRow(row) {
        $(row).remove();
    }
    
    <tr onmousedown="removeRow(this)"><td>Foo</td></tr>

*Maybe something like this could work as well?* **也许这样的事情也可以工作？** *I haven't tried doing something with "this", so I don't know if it works or not.* **我没有尝试使用“ this”做某事，所以我不知道它是否有效。**

[What is the best way to remove a table row with jQuery]: https://oldbug.net/q/Iu1/What-is-the-best-way-to-remove-a-table-row-with-jQuery
[https_stackoom.com_question_Iu1_jQuery]: https://stackoom.com/question/Iu1/%E7%94%A8jQuery%E5%88%A0%E9%99%A4%E8%A1%A8%E8%A1%8C%E7%9A%84%E6%9C%80%E4%BD%B3%E6%96%B9%E6%B3%95%E6%98%AF%E4%BB%80%E4%B9%88
[plethora of selectors]: http://docs.jquery.com/Selectors

发表评论取消回复

表情：

评论列表（有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读

相关【面经】什么是行锁/表锁,什么时候锁行/锁表

什么是行锁/表锁行锁是指在事务执行期间，仅对数据表中的某一行(或某几行)加锁，其他行不受影响。行锁适用于需要对表中部分数据进行修改或查询的情况。

Love The Way You Lie/ 2024年02月20日 13:11/ 0 赞/ 94 阅读

相关 jquery是什么(jquery运行的核心是什么)

如何学习jquery 新手想要学习jQuery，可以从书籍和教程两个方面来学习。 ![jquery是什么][jquery] jquery的编程思想有哪些呢？jque

雨点打透心脏的1/2处/ 2023年09月26日 15:02/ 0 赞/ 114 阅读

相关 JQuery简介 - 什么是jQuery

概念 > 官方概念： > > jQuery是一个快速，小型且功能丰富的JavaScript库。借助易于使用的API（可在多种浏览器中使用），使HTML文档的遍历和操作，

叁歲伎倆/ 2023年06月30日 06:44/ 0 赞/ 59 阅读

相关用jQuery删除表行的最佳方法是什么？

本文翻译自：[What is the best way to remove a table row with jQuery?][What is the best way to

今天药忘吃喽~/ 2022年11月26日 10:59/ 0 赞/ 99 阅读

相关 jQuery克隆添加删除行

[下载地址][Link 1]jQuery委派事件代码，如何使新增事件实现效果 ![1631561371.png][] dd: [Link 1]: https://yy1

深藏阁楼爱情的钟/ 2022年09月11日 13:24/ 0 赞/ 235 阅读

相关设置 CSS 颜色属性的最佳方法是什么

如题，在你平常开发中，你设置css颜色的方式有哪些？作为一名前端开发，比如你写业务组件的时候，可能会涉及到css颜色属性的设置，那你更偏向于哪种呢。编者导语颜

水深无声/ 2022年09月08日 00:26/ 0 赞/ 153 阅读

相关 jQuery 实现添加行与删除行

相关js function AddRow(){ var vTb=$("addUserTable");//得到表格ID=TbData的jquery对象

快来打我*/ 2022年06月12日 06:41/ 0 赞/ 273 阅读

相关 jQuery-什么是jQuery

什么是 jQuery ？ jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以

待我称王封你为后i/ 2022年04月17日 06:57/ 0 赞/ 304 阅读

相关什么是jQuery？

前言 > 只有光头才能变强。 > > 文本已收录至我的GitHub仓库，欢迎Star：https://github.com/ZhongFuCheng3y/3y 什么

╰+哭是因爲堅強的太久メ/ 2021年09月30日 23:20/ 0 赞/ 381 阅读

相关什么是jquery？以及它的调用方法

什么是 jQuery ？ jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以

不念不忘少年蓝@/ 2021年09月15日 07:36/ 0 赞/ 611 阅读