按伪类选择项目

Question

我有一个表单id="myform"，我正在尝试使用消息的自定义样式为其设置 html5 验证的样式。在香草 js 中我会写invalidFields = form.querySelectorAll( ":invalid" )其中 form 是 myform，我正在选择所有具有伪类的项目：无效。因为我正在处理一个使用 jQuery 的项目，所以我想用 jQuery 重写它。我知道那$().each()是querySelectorAll. 问题是在语句的第一部分放什么。

Answer 1

相当于

form.querySelectorAll( ":invalid" )

在 jQuery 中将是

$(':invalid',form)

展示：

// Note this only uses .each for illustration

// has nothing to do with querySelectorAll as per original question

$('button').on("click",() => {

  var form = $('form');

  $(':invalid',form).each( (x,field) => console.log(field.id))

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>

  <input id="field1" type="text" required>

  <input id="field2" type="text" required>

  <button>Submit</button>

</form>