Получить все значения текстового поля, расположенные в определенном классе

Я хочу получить все поля, которые находятся в одном имени класса.. например, мой код.

<div class="test">
 <input type="text" class="text-field" />
 <input type="text" class="text-field" />
 <input type="text" class="text-field" />
 <input type="text" class="text-field" />
</div>

<div class="test">
 <input type="text" class="text-field" />
 <input type="text" class="text-field" />
 <input type="text" class="text-field" />
 <input type="text" class="text-field" />
</div>

Я хочу получить each loop, в котором он возвращает мне значение текстовых полей, которое находится в этом классе. Какие-либо предложения.. (я новичок в jquery)

Ответы

Ответ 1

Попробуйте следующее:

$(".test .text-field")

EDIT:

Чтобы получить значения, попробуйте следующее:

$(".test .text-field").each(function() {
    alert($(this).val());
});

Ответ 2

Если вы хотите, чтобы все значения были в массиве, вы можете сделать это:

var texts= $(".test .text-field").map(function() {
   return $(this).val();
}).get();

Ответ 3

Вы пробовали это:

$(".test input[type=\"text\"]")

Ответ 4

Из cwallenpoole ответ должен работать

$.each( $(".test input[type=\"text\"]"), function(index, ele){
   alert( ele.val());
 });