jQuery选择器：简洁地选择多个容器中的所有表单元素？

Question

如果表单中包含多个div s包含表单元素（input，textarea，select），那么选择{{1}的最简洁方法是什么？给定input个ID中的{}，textarea和select

小提琴：https://jsfiddle.net/2rvxt5v7/4

我知道这是无效的jQuery语法，但也许这将证明我正在尝试做的事情（选择area1和area3中的元素而不选择area2中的元素）：

div

我注意到有些库添加了一个提供选择器的正则表达式方法，但我想要一个原生的jQuery方法。最好不要使用$('#area1[input,select,textarea], #area3[input,select,textarea]').css('background-color','yellow') 。

Answer 1

使用:input选择器。

$('#area1 :input, #area3 :input').css('background','yellow')

  

选择所有input，textarea，select和button元素。

Updated Fiddle

请注意，这也会选择<button>元素，可能不是您想要的。

可以使用not()和:button选择器排除按钮元素。

$('#area1 :input, #area3 :input').not(':button').css(...