Obtener todo el valor de campo de texto ubicado en una clase específica

Question

Quiero obtener todos los campos que están ubicados en un solo nombre de clase ... por ejemplo mi código me gusta.

<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> 

quiero conseguir la each loop en el que me devuelva el valor de los campos de texto que se encuentra en esta clase .. Cualquier sugerencia .. (Soy nuevo en jQuery)

Answer 1

Prueba esto:

$(".test .text-field") 

EDIT:

para obtener valores intente esto:

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

Answer 2

Ha intentado esto:

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

Answer 3

De la respuesta de cwallenpoole siguiente debería funcionar

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

Answer 4

Si desea que todos los valores en una matriz, se puede hacer esto:

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