如何使用jQuery從數組中的元素中檢索值？

Question

我有多個輸入字段像這樣：

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

用戶可以根據需要添加或刪除這些領域中，因此，字段的名稱是一個數組。 要得到數組的長度，這工作得很好：

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

如何從陣列讀取值？

我已經試過這沒有工作：

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

這並沒有工作，要麼：

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

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

如何從這個數組讀值？ 幫助！

Answer 1

你應該使用：

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

或

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

Answer 2

用途：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收藏有內建的迭代器無線日.each：

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

Answer 4

你可以循環雖然項目：

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

Answer 5

你的語法不正確。

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

陣列[i]是不是一個jQuery對象（由於某種原因）。

檢查您的瀏覽器的控制檯可以幫助這樣的事情。

Answer 6

使用地圖功能

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

Answer 7

讀取一個array，你還可以利用 「each」 的jQuery方法：

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

獎金：你也可以通過閱讀該方法的對象。

source