Можно ли получить все значения всех <input>внутри div?

Question

<div id="test">
    <input type="text" value="10" size="3">
    <input type="text" value="0" size="3">
    <input type="text" value="25" size="3">
    <input type="text" value="0" size="3">
</div>

Я хочу, чтобы функция получала все значения входов. Я пытался с этим:

var inputs = $("test :input");

Но я не знаю, как идти оттуда или даже если это правильно.

Спасибо

Answer 1

Вы можете сделать это:

var inputs = new Array();
inputs = $('#test :text').map(function(){
  return this.value;
}).get(0);

Или:

var inputs = new Array();
inputs = $('#test :text').each(function(){
  inputs.push(this.value);
});

Вы можете получить доступ к каждому значению следующим образом:

alert(inputs[0]);
alert(inputs[1]);
alert(inputs[2]);
// and so on

Ссылка :textна входы типа text.

Answer 2

Версия без jQuery:

var values = [];
var inputs = document.getElementById("test").getElementsByTagName("input");
for (var i = 0, len = inputs.length; i < len; ++i) {
    values.push(inputs[i].value);
}

Answer 3

Вы имеете в виду, как это?

var values = [];
$('input').each(function(index, element){
  values.push($(element).val());
});

Answer 4

$("#test :input").each(function(){
  var value = $(this).attr("value"); //Save value in an array or something
});