Question

So I have a list with lots of items like below:

<ul id="usersList">
   <li><FORM><INPUT class="eButton" type="button" value="robot669394444" onClick="openWin('robot669394444',1280,720)"></FORM></li> 
   <li><FORM><INPUT class="eButton" type="button" value="robot6693925" onClick="openWin('robot6693925',1280,720)"></FORM></li> 
</ul>

I want to get all INPUT values using jQuery into an array. How to do such thing?

Answer 1

var vals = $("form input").map(function() {
  return $(this).val();
});

Alternatively (more cleanly)

var vals = [];
$("form input").each(function() {
  vals.push( $(this).val() );
});

The second alternative is more clean since it leaves you with a plain vanilla array. The result of map() still is a jQuery object. Since these are (and behave exactly like) arrays, this might not be a problem. But it’s useful to keep that subtle difference in mind.