按伪类选择项目

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",() => {&nbsp; var form = $('form');&nbsp; $(':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>&nbsp; <input id="field1" type="text" required>&nbsp; <input id="field2" type="text" required>&nbsp; <button>Submit</button></form>