jquery - 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() js：

$('.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/）