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 ) {...

条件语句只检查我的一个元素jQuery

1 个答案: