Obtener y usar los valores obtenidos de varios cuadros de texto a través de JQuery

Question

Estoy intentando obtener los valores de varios cuadros de texto usando JQuery.

Soy un poco novato con Javascript en general. Tengo un formulario con el siguiente elemento de entrada:

<input name="milkman" value="jessie"/> 
<input name="letterman2" value="jim" /> 
<input name="newmilk" /> 

puedo obtener los valores de los dos primeros elementos de entrada usando:

var test_arr = $("input[name*='man']").val(); 

¿Cómo llego a los valores individuales de cuadro de texto? Cuando uso la función de alerta() para repetir el valor de test_arr, todo lo que veo es el valor del primer elemento.

Amablemente ayudar.

Answer 1

Su ejemplo sólo devuelve el valor en el primer elemento de la matriz. Necesita iterar a través de la matriz, y puede usar el each. La sintaxis del selector jQuery devuelve un objeto jQuery que contiene objetos coincidentes como una matriz.

Puede utilizar la otra variación de $.each, también, al igual que ...

var test_arr = $("input[name*='man']"); 
$.each(test_arr, function(i, item) { //i=index, item=element in array 
    alert($(item).val()); 
}); 

Puesto que el objeto jQuery que se devuelve es un conjunto de elementos coincidentes, también se puede utilizar un bucle for .. tradicional

//you can also use a traditional for loop 
for(var i=0;i<test_arr.length;i++) { 
    alert($(test_arr[i]).val()); 
} 

Answer 2

Salida each()

Answer 3

Utilice un each cláusula de jQuery:

var test_arr = $("input[name*='man']").each(function() { var current = $(this).val(); });