XmlHttpRequest 完成后删除表格行

Question

我有一个带有一堆表格行的 HTML 表格，每行都有一个 id 属性和一个表格单元格中的删除按钮。我将 ajax 调用绑定到删除按钮：

$('.deletebutton').bind 'click', () ->
  id = $(this).attr "id" // getting my row id here
  $.ajax // sending my ajax request
    url: "/admin/delete/#{id}"
    type: 'POST'
    beforeSend: (jqXHR, settings) ->
      jqXHR.setRequestHeader('X-CSRF-Token', $("meta[name='csrf-token']").attr('content'))

这没有任何问题。现在我将以下参数添加到我的 ajax 调用中以删除表行，但它不起作用。我尝试了不同的东西，但我无法弄清楚这一点。请帮忙。

    success: (data, textStatus, jqXHR) ->
      $('tr[id=id]').remove() // I don't understand why my jQuery selector doesn't work here...

Answer 1

在纯 JavaScript 中（'因为我不知道 CoffeeScript - 抱歉 :-)）。 无需使用行 'id'。

$('.deletebutton').click(function(){

   var rowToDelete = $(this).closest('tr');

    $.ajax({
       /* --- the rest of your params here --- */
        success: function() {
            rowToDelete.remove();
        }
    })
});