Nasıl jQuery kullanarak dizideki elemanların değerini almak için?

Question

Öyle gibi birden fazla giriş alanları vardır:

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

Kullanıcılar ekleyebilir veya gerektiği gibi bu alanları kaldırabilir bu nedenle alanların adı bir dizidir. dizinin uzunluğunu elde etmek için, bu iyi çalışır:

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

nasıl diziden değerini okuyabilir?

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); 
} 

Bu da işe yaramadı:

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

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

Nasıl bu diziden değerini okuyabilir

ben işe yaramadı hangi denedim? Yardım!

Answer 1

Sen kullanmalıdır:

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

veya

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

Answer 2

Kullanım: 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 koleksiyonları bir yineleyici wi inşa etmişlerdir .each inci:

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

Answer 4

Sadece döngü öğeleri olsa can.

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

dizisi [i] (nedense) jQuery nesne değildir.

tarayıcınızın konsolu işaretlemek, bu gibi şeyler için yararlı olabilir.

Answer 5

Kişisel sözdizimi yanlıştır:

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

Answer 6

Kullanım haritası işlevi

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

Answer 7

bir array okumak, ayrıca yararlanabilirler jQuery ait "each" yöntemi:

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

ikramiye: Ayrıca bu yöntemle nesneleri okuyabilir.

source