Ottenere e utilizzare i valori ottenuti da più caselle di testo tramite JQuery

Question

Sto cercando di ottenere i valori da più caselle di testo utilizzando JQuery.

Sono un po 'un principiante con Javascript in generale. Ho una forma con il seguente elemento input:

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

ottengo i valori dei primi due elementi di input utilizzando:

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

Come faccio ad avere i singoli valori casella di testo? Quando uso la funzione alert() per echo il valore di test_arr, tutto quello che vedo è il valore del primo elemento.

Gentile aiuto.

Answer 1

vostro campione è solo la restituzione del valore nel primo elemento dell'array. È necessario scorrere l'array e utilizzare lo each. La sintassi del selettore jQuery restituisce un oggetto jQuery che contiene oggetti corrispondenti come una matrice.

è possibile utilizzare l'altra variazione di $.each, anche, in questo modo ...

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

Dal momento che l'oggetto jQuery che viene restituito è un array di elementi corrispondenti, è anche possibile utilizzare un tradizionale ciclo for ..

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

Answer 2

Partenza each()

Answer 3

Utilizzare un each clausola di jQuery:

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