如何获取刚刚删除的行的文本值-Jquery/Js

How to get the text value of the row that was just deleted-Jquery/Js

本文关键字:文本 -Jquery Js 删除 何获取 获取      更新时间:2023-09-26

我有一个删除链接,单击该链接会删除表中的行。

<table id="cont">
 <tbody>
   <tr>
    <td>
       <label>account name</label>
    </td>
   </tr>
   <tr>
    <td>
       <label>type</label>
    </td>
   </tr>
   <tr>
     <td><a class=delete href='/url/delete'>Delete</a></td>
   </tr>
  </tbody>
 </table>

这是 js im 试图找到我刚刚删除的行:

$('.delete').on('click', function(e) {
  var $this = $(this);
  $this.parent().remove();
  //how to get the <tr> that just deleted
 alert("deleted" +tr-value-deleted);
});

任何想法赞赏!!谢谢。。

我不知道

你说的值是什么意思,如果你的意思是innerHTML,你可以先存储它,然后删除元素。

var deleted = $this.parent().html();
$this.parent.remove();
alert("deleted " + deleted);

这取决于你想要什么作为"价值"伴侣!

如果你想要表格的id,你会这样做

$(this).closest('table').attr('id');

如果您想要帐户ID或类型,则可以轻松完成

$(this).closest('table').find('lable'); 

这应该给你一个包含两个元素的数组

您可以

先缓存单元格,然后再获取outerHTML

$('.delete').on('click', function(e) {
  var $p = $(this).parent();
  $p.remove();
  //how to get the <tr> that just deleted
  alert("deleted " + $p[0].outerHTML);
});

在这里摆弄。