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

Conditional Statement Only Checking One of My Elements jQuery

本文关键字：一个 元素 jQuery 语句 检查 我的 条件      更新时间：2023-09-26

我有下面的代码，基本上是一个条件语句，检查多个条件。

您可以看到，它检查类为.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，然后将传递甚至已知的其他元素与该类不应该通过。如何在页面上检查所有这些元素而不是一个元素?

谢谢你,尼克

检查是否所有元素都有这个类，并有一个值

var elems = $('.form-step-1 .input--bravo');
var filtered = elems.filter(function() {
    return $(this).hasClass('is-valid') && this.value !== "";
});
if ( elems.length === filtered.length ) {...
相关文章：