JQuery addClassがajaxFormで動作しない

Question

私のフォームがajaxFormを使用して送信されています。私はajaxレスポンスにCSSクラスを追加したいと思います。私は複数のことを試みましたが、nothingsは機能します。ここでは、コードsuccessハンドラ内の別のオブジェクト\コンテキストに

jQuery('#pnpDocLink-modalForm').ajaxForm({ 
    dataType : 'json', 
    iframe : true, 
    context: this, 
    success : function(response, status, xhr, form) { 
     var element = $(this); 
     if(status=='success') 
      $(this).find('form#pnpDocLink-modalForm input[name="file"]').parents('div.form-group').addClass('has-error'); 
    } 
}); 


<form id="pnpDocLink-modalForm" class="form-horizontal" name="pnpDocLink-modalForm" method="post" enctype="multipart/form-data"> 
    <div class="form-group"> 
     <label class="control-label col-md-3"> 
      $brander.getBrandElement("predict.manage.asset.addedit.file")<span class="required" aria-required="true"> * </span> 
     </label> 
     <div class="col-md-9"> 
      <div class="fileupload fileupload-new custom-field pull-left" data-provides="fileupload"> 
       <span class="btn btn-default btn-file"> 
        <span class="fileupload-new"><i class="icon-paper-clip"></i> $brander.getBrandElement('browse')</span> 
        <span class="fileupload-exists"><i class="icon-undo"></i> Change</span> 
        <input type="file" class="default apply-ext-filter" name="file" id="file" /> 
       </span> 
       <span class="fileupload-preview" style="margin-left:5px;"></span> 
       <a href="#" class="close fileupload-exists" data-dismiss="fileupload" style="float: none; margin-left:5px;"></a> 
      </div> 
     </div> 
    </div> 
</form> 

Answer 1

thisポイントがあるので、このようなもののように変更します。 `入力[名前=「FILENAME」]`要素である

var self = this; 
jQuery('#pnpDocLink-modalForm').ajaxForm({ 
    dataType : 'json', 
    iframe : true, 
    context: self, 
    success : function(response, status, xhr, form) { 
     var element = $(self); 
     if(status=='success') 
     { 
      element.find('form#pnpDocLink-modalForm input[name="file"]').parents('div.form-group').addClass('has-error'); 
     } 
    } 
});