jQuery - get form elements by container id

Question

Which is the easiest way to get all form elements which are contained by a wrapper element.

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

In the above HTML I would elementB and elementC but not elementA. I do not want to list all form element types (select,textarea,input,option...). I would prefer to use myForm.elements.

Any ideas?

Solution 1

Use the :input pseudo selector if you don't want to specify them all:

$('#wrapper :input');

:input selects all input, textarea, select and button elements. And there's no need to use .children() here.

Solution 2

If there are nothing but form elements in it

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

If there are going to be other things as well

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