Question

I want to read all page inputs ids and values
into object and pass it to function which loop throuhg them and extract id and value.

I started with:

function send()
{
var data = [];
var inputs = $(":text");
for (var i = 0, l = inputs.length; i < l; i++) {
   var input;
   input.id = inputs[i].attr("id");
   input.text = inputs[i].val();
   data[i] = input;
}
receive(data);
}

function receive(data)
{
    for (var input in data) {
        alert(input.id);
        alert(input.text);        
    }
}

Why this does not work?

Answer 1

For adding items to an array, you likely want to use .push() instead of accessing it via the numeric index. Also, jQuery provides a .each to iterate over a set.

var data = [];
$(':input:not(:button)').each(function() {
   data.push({
      id: this.id,
      text: $(this).val()
   });
});

One more thing. jQuery does include a .map function, which returns an array “mapped” over a given set which could shorten the above code down to…

var data = $(':input:not(:button)').map(function() {
    return { id: this.id, text: $(this).val() };
});