javascript - 条件语句仅检查我的元素之一 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 ) {...