如何使用jquery选择器删除tr[副本]

A4family • 5 年前 • 1506 次点击

当我点击 remove 按钮数据已删除,但无法删除 tr 如表所示。

<tr>

<td>name</td>
<td><button id="removebutton" data-id="?">Remove</button></td>
</tr>

我想选择 tr公司 在顶部并将其从ajax响应中移除。

我试过:

$("#removebutton).on("click",function(){
  success: function(res){
  $(this).parents("tr").remove(); //this doesn't work
  }
});

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/48498

1506 次点击

文章 [ 2 ] | 最新文章 5 年前

• 1 楼

nakov 5 年前

您可以使用:

$(this).parent().remove();

// or

$(this).closest('tr').remove();

如果有用请告诉我:)

编辑

我很想知道为什么我投了反对票:)

不能在多行上使用同一ID。

<button class="removebutton" data-id="?">Remove</button>

那么这个 $("#removebutton). 应该是 $(".removebutton").

你错过了关门 " 上面是你的选择器。

• 2 楼

Nidhin Joseph 5 年前

尝试使用 arrow function 相反。这将确保作用域保留在click事件而不是 success()

$("#removebutton").on("click", function() {
  .....
  success: (res) => {
    $(this).parent().remove(); 
  }
  ....
});

登录后回复