此查找標籤的表單不起作用

Question

我在頁面中有兩種相同的類。這些形式與相同的元素完全相同。提交其中的一個，我嘗試訪問裏面的元素。這裏是什麼形式的樣子：

<form role="form" class="login-form" id="login-form"> 
        {% csrf_token %} 
       <div class="form-group"> 
        <div class="input-icon"> 
        <i class="icon fa fa-user"></i> 
        <input type="text" class="form-control" name="email" placeholder="Username" id="email"> 
        </div> 
       </div> 
       <div class="form-group"> 
        <div class="input-icon"> 
        <i class="icon fa fa-unlock-alt"></i> 
        <input type="password" class="form-control" placeholder="Password" name="password" id="password"> 
        </div> 
       </div> 
       <div> 
        <!--input type="checkbox" id="remember" name="rememberme" value="forever" style="float: left;"--> 
        <label style="display: none; color: red;" id="incorrect_info">Veuillez vérifier vos informations</label> 
       </div> 

       <button class="btn btn-common log-btn">Se connecter</button> 
       </form> 

現在的JavaScript，我嘗試訪問的元素：

$('.login-form').submit(function(e){ 
    e.preventDefault(); 
    // Get information 

    email = $(this).find('input[id="email"]').val(); 
    pass = $(this).find('input[id="password"]').val(); 
    $(this).find('label[id="incorrect_info"]').css('display','block'); 

}); 

此代碼工作的投入，而不是標籤，未發現。

編輯：

對不起這裏的代碼實際上的樣子。該查找是在ajax中完成的。

$('.login-form').submit(function(e){ 
    e.preventDefault(); 
    // Get information 

    email = $(this).find('input[id="email"]').val(); 
    pass = $(this).find('input[id="password"]').val(); 

    $.ajax({ 
     ....... 
    }).done(function (data) { 
     if (data.success) { 
      window.location.href = data.url; 
     } 
     else { 
      $(this).find('label[id="incorrect_info"]').css('display','block'); 
     } 
    }); 

}); 

Answer 1

我想通了。問題是$（this）作用域在ajax函數內部是不同的。我所做的就是進入之前將其保存，以後再用它：

$('.login-form').submit(function(e){ 
    e.preventDefault(); 
    // Get information 

    this_form = $(this); 

    email = $(this).find('input[id="email"]').val(); 
    pass = $(this).find('input[id="password"]').val(); 

    $.ajax({ 
     ...... 
     success : function(data, status){ 
     } 
    }).done(function (data) { 
     if (data.success) { 
      window.location.href = data.url; 
     } 
     else { 
      this_form.find('label[id="incorrect_info"]').css('display','block'); 
     } 
    }); 

});