jQuery .html不能在表格單元格上工作

Question

我不能解決爲什麼在ajax成功回調'.html（）'不起作用。目的是要取代''內容。這些類被添加到元素，但它的內容都是空白：

<td class="book-class centre cancelled"></td> 

我已經刪除從頁面的所有其他腳本以確保沒有任何衝突，我試圖消除.removeClass（）和.addClass（），但它仍然不起作用。花了兩個小時盯着它後，我相信這將最終變得簡單，但任何幫助將不勝感激。

$(document).ready(function() { 

    // Cancel Class 
    $(document).on('click', '.cancel-class', function(e) { 

     e.preventDefault(); 

     var cell = this; 
     var row = $(this).parent(); 
     var id = $(row).data('booking-id'); 

     $(this).html('<img src="assets/images/spinner.gif" class="spinner" data-booking-id="'+id+'">'); 

     $.ajax({ 
     type: "POST", 
     url: "controllers/cancelClass.ctrl.php", 
     dataType: 'json', 
     cache: false, 
     data: {"id": id}, 

     success: function() { 

      // NOT WORKING 
      $(cell).removeClass().addClass('book-class centre cancelled').html('<i class="fa fa-times-circle></i> Cancelled'); 
     }, 

     error: function(data) { 
      console.log(data); 
     } 
     }); 

    }); 

}); 

Answer 1

也許這只是一個錯字，但如果不是這肯定會成爲問題。在以下行中：

$(cell).removeClass().addClass('book-class centre cancelled').html('<i class="fa fa-times-circle></i> Cancelled'); 

您已經忘記了雙引號。它應該是這樣的：

$(cell).removeClass().addClass('book-class centre cancelled').html('<i class="fa fa-times-circle"></i> Cancelled');