jQuery - 按容器ID获取表单元素

Question

这是获取包装元素所包含的所有表单元素的最简单方法。

<form name="myForm">
  <input name="elementA" />
  <div id="wrapper">
    <input name="elementB" />
    <textarea name="elementC" />
  </div>
</form>

在上面的HTML中，我将是elementB和elementC，但不是elementA。我不想列出所有表单元素类型（select，textarea，input，option ...）。我更喜欢使用myForm.elements。

有什么想法吗？

Answer 1

如果您不想全部指定它们，请使用:input伪选择器：

$('#wrapper :input');

:input选择所有输入，textarea，select和button元素。而且这里没有必要使用.children()。

Answer 2

如果其中只有表单元素

$('#wrapper').children();

如果还有其他事情

$('#wrapper').children( 'input, select, textarea' );

Answer 3

jQuery（'form [name = myform] div＃wrapper'）。children（）;

Answer 4

怎么样？

$(form)[0].elements

我知道上面的代码适用于Chrome。不测试其他浏览器。