jQueryループを破る

Question

これは簡単なはずですが、私は明らかにここではっきりと何かを見逃しています。

次のコードでは、コンテンツがあるかどうか、またはクラスがあり、関数error()を実行しているかどうかを確認する必要があります。これは真実で間違っているようですが、これは非常に混乱しています！

私はループに何が欠けている？私はreturn false;がその機能を停止することを期待していただろうが、それはしない。ここで

function error() { 
    jQuery("#overlay,#required").fadeIn(); 
    jQuery(this).addClass("error"); 
} 

// Step 1 

jQuery("#step-1-next").click(function(){ 

    jQuery('#step-1 .b-left input[name=name], #step-1 .b-left input[name=email], #step-1 .b-left input[name=tel], #step-1 .b-left input[name=company]').each(function() { 

     if (jQuery(this).val() == '' || jQuery(this).hasClass("error")) { 

      error(); 
      return false; 

     } else { 

      // continue 

     } 

    }); 

}); 

Answer 1

あなたはまだ多分

if (jQuery(this).val() == '' || jQuery(this).hasClass("error")) { // true if element has a class error 

error(); // it already has class error, but method sets it again. If possible, reflow code 
.... 

そして、一つのことを検討する必要があることを、コードで奇妙な場所です：あなたは、ループが適切なタイミングで停止しそうかどうかを調べることができます。ちょうどトレースのような線を追加してください：

error(); 
console.log('Bad input with name ' + $(this).attr('name')); 
return false;