条件文私の要素のチェックのみjQuery

Question

私は基本的に複数の条件をチェックする条件文である次のコードを持っています。

これは、クラスが.input-bravoの要素をチェックして値があるかどうかを調べ、クラスの値がis-validかどうかを調べるためのものです。

$('#step-1-btn').click(function() { 
    if($('.form-step-1 .input--bravo').val() && $('.form-step-1 .input--bravo').hasClass('is-valid')) { 
    alert('This worked') 
    } 
    else { 
    alert('This did not work'); 
    } 
}); 

私はこれを持っています問題はそれだけで.input-bravoを持つ要素の一つをチェックしてから渡すべきではありませんしていない、そのクラスでさえも知られている他の要素を渡すということです。私のページでこれらの要素をすべてチェックするにはどうしたらいいですか？

おかげで、すべての要素が、そのクラスを持っている場合ニック

Answer 1

を確認するには、各要素を超える値

var elems = $('.form-step-1 .input--bravo'); 

var filtered = elems.filter(function() { 
    return $(this).hasClass('is-valid') && this.value !== ""; 
}); 

if (elems.length === filtered.length) {...