在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（＆＃39;我不知道CoffeeScript - 抱歉:-)）。 无需使用行＆＃39; id＆＃39;。

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

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

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