¿Cómo recuperar el valor de los elementos en la matriz usando jQuery?

Question

que tienen varios campos de entrada de este modo:

<input type="text" name="card[]"> 
<input type="text" name="card[]"> 
<input type="text" name="card[]"> 

Los usuarios pueden añadir o eliminar estos campos según sea necesario, por lo tanto, el nombre de los campos es una matriz. Para obtener longitud de la matriz, esto funciona bien:

var n = $("input[name^= 'card']").length; 

¿Cómo puedo leer el valor de la matriz?

He intentado esto, que no funcionaba:

var n = $("input[name^='card']").length; 
var array = $("input[name^='card']"); 
for(i=0;i<n;i++) 
{ 
card_value= array[i].val(); 
alert(card_value); 
} 

Esto tampoco funcionó:

var n = $("input[name^='card']").length; 

for(i=0;i<n;i++) 
{ 
card_value= $("input[name^='card["+i+"]']").val(); 
alert(card_value); 
} 

¿Cómo puedo leer el valor de esta matriz? Ayuda!

Answer 1

Deberá utilizar:

card_value= array.eq(i).val(); //gets jquery object at index i 

o

card_value= array[i].value; //gets dom element at index i 

Answer 2

Uso: http://jsfiddle.net/xH79d/

var n = $("input[name^='card']").length; 
var array = $("input[name^='card']"); 

for(i=0; i < n; i++) { 

    // use .eq() within a jQuery object to navigate it by Index 

    card_value = array.eq(i).attr('name'); // I'm assuming you wanted -name- 
    // otherwise it'd be .eq(i).val(); (if you wanted the text value) 
    alert(card_value); 
} 

Answer 3

jQuery colecciones han construido en Wi iterador º .each:

$("input[name^='card']").each(function() { 
    console.log($(this).val()); 
} 

Answer 4

Usted puede simplemente bucle aunque los artículos:

$("input[name^='card']").each(function() { 
    console.log($(this).val()); 
}); 

Answer 5

Su sintaxis es incorrecta.

card_value = $(array[i]).val(); o card_value = array[i].value;

array [i] no es un objeto jQuery (por alguna razón).

Verificar la consola de su navegador puede ser útil para cosas como esta.

Answer 6

función Uso mapa

var values = $("input[name^='card']").map(function (idx, ele) { 
    return $(ele).val(); 
}).get(); 

Answer 7

para leer un array, también se puede utilizar el método "each" de jQuery:

$.each($("input[name^='card']"), function(index, val){ 
    console.log(index + " : " + val); 
}); 

bono: también se puede leer objetos a través de este método.

source