如何檢查多個類，並將它們應用於jquery中的所有類？

Question

這裏（文件）內我的代碼。就緒

$('.checkfirst').click(function() { 
    if ($(".textbox").is('.required')) { 
     var x = $(this).offset().top - 200; 
     $(this).focus(); 
     $('html,body').animate({ 
      scrollTop: x 
     }, 500); 
     divHint = '<div class="formHint">This is required!</div>'; 
     $(this).before(divHint); 
     $(this).prev(".formHint").animate({ 
      marginLeft: "380px", 
      opacity: "1" 
     }, 200); 

    } else { 
     $(".agreement").fadeIn(); 
    } 
}); 

.checkfirst基本上是提交按鈕。

有一類.textbox的各個領域，其中一些也有.required類。如果該人員編輯輸入字段，則刪除.required。

所以，當用戶點擊.checkfirst，我希望它找到所需要的領域，把和動畫旁邊都是他們的divHint，然後滾動到所需（給它專注以及）第一個輸入字段。

現在我知道我的代碼只是將divHint應用於提交按鈕（this）。我需要設置一個循環，我不知道該怎麼做。

Answer 1

你正在尋找的功能是jQuery的each（）函數。如果將它與某種驗證標誌變量結合使用，這應該非常簡單。例如，你可以把這樣的東西放在checkfirst點擊處理程序中：

var validated = true; 
$(".textbox").each(function(){ 
    if ($(this).hasClass("required")){ 
     validated = false; 
     //do all the animations here 
    } 
}); 
if (validated) 
    $(".agreement").fadeIn();