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コレクションは、イテレータのwiに内蔵されていますアイテムけれどもあなたができるだけのループ

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

Answer 4

：.each番目

$("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を読むために、あなたも利用できるjQueryの "each" 方法：

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

ボーナス：あなたも、このメソッドを介してオブジェクトを読み取ることができます。

source