jquery + datatables + Ajax调用成功后,更改按下的提交按钮的类
问题描述:
我有一个数据表,每行都有一个窗体用于更改特定行的状态。这个表单通过ajaxForm()库被调用。jquery + datatables + Ajax调用成功后,更改按下的提交按钮的类
<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;
}
});
现在,当用户点击提交按钮,我需要它来修改类的特定按钮他们点击的,而不是所有的表格中出现的按钮。我该如何去做这件事?
答
查看ajaxForm插件的源代码,它会为您提供表单对象作为回调中的第四个参数!所以,你可以这样做:
success: function(data, status, xhr, form){
$('#deactivate-point',form).removeClass("status-linke-activate").addClass("status-link-deactivate");
}