jquery + datatables + Ajax調用成功後，更改按下的提交按鈕的類

Question

我有一個數據表，每行都有一個窗體用於更改特定行的狀態。這個表單通過ajaxForm（）庫被調用。

<form action="map/statuschange/289.html" method="post" accept-charset="utf-8" class="point-actions-form form-status" id="point-status-change-289"> 
    <input type="submit" name="status-link" value="" id="deactivate-point" class="status-link status-link-activate"> 
</form> 

這是給ajaxForm（）記者：

$('.form-status').ajaxForm({ 
    dataType: 'json', 
    type: 'POST', 
    success: function(){ 
     if ($('.point-actions-form > .status-link').hasClass('status-link-deactivate')){ 
      $(this).removeClass('status-link-deactivate').addClass('status-link-activate'); 
     }else{ 
      $(this).removeClass('status-link-activate').addClass('status-link-deactivate'); 
     } 
     showResponseForm; 
    } 
}); 

現在，當用戶點擊提交按鈕，我需要它來修改類的特定按鈕他們點擊的，而不是所有的表格中出現的按鈕。我該如何去做這件事？

Answer 1

查看ajaxForm插件的源代碼，它會爲您提供表單對象作爲回調中的第四個參數！所以，你可以這樣做：

success: function(data, status, xhr, form){ 
    $('#deactivate-point',form).removeClass("status-linke-activate").addClass("status-link-deactivate"); 
} 

（參見：http://jsfiddle.net/fj9Bd/1/）