XmlHttpRequest 完成后删除 table 行

Question

我有一个 HTML table，其中有一堆 table 行，每个行在 table 单元格中都有一个 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 调用中以删除 table 行，但它不起作用。我尝试了不同的东西，但我无法弄清楚。请帮忙

    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();
        }
    })
});

XmlHttpRequest 完成后删除 table 行

removing a table row after XmlHttpRequest complete

javascript

ajax

jquery

coffeescript