オブジェクトのJQuery .val（）

Question

id = [<input type=​"hidden" name=​"id" value=​"test_id">​, <input type=​"hidden" name=​"id" value=​"test_id">​] 
id.val() 
Result: "test_id" 

私は2つのHTML Elmentsを持つ "idオブジェクト"を持っています。 1つのajax getで2つの同一の要素を更新するので同じことがあります。

フォームを検索するセレクタでこの変数 "id"を取得しました。

私の質問：

は、両方の要素のみ、このオブジェクト「ID」の最初の要素をチェック.val()ですか？

要素の1つが異なる値を持つ場合はどうなりますか。

この質問の後に何をしましたか？

• 私はobjct
• から両方の値を取得するために、今.map()を使用していますがIDの平等のためのチェックを追加しました。
• ）= jQueryのドキュメントに最初の大きな文（説明）をスキップしないよう

おかげで多くのことを学びました！

Answer 1

.val()は、実行される要素のセットの最初の要素の値をチェックします。 .val()に次のような関数を渡した場合：.val(function (index, value) {})は、関数が実行される要素のセット内のすべての要素の値を取得できます。

あなたがチェックアウトする.val()のためのドキュメントをお勧めします：ここでhttp://api.jquery.com/val

$('input').val(function() { 
    console.log(this.value); 
    return this.value; 
}); 

はデモです：http://jsfiddle.net/mV4U6/2/（あなたが任意の入力の値を変更する場合は、すべての入力の値はconsole.log EDになります）

これは、フォームの要素がその値を保持するように値を返す必要があることを示しています。ただし、各入力の値を取得するために.map()を使用することができます。ここでは

$('input').map(function (index, element) { 
    console.log(this.value); 
}); 

は.map()を使用してデモです：http://jsfiddle.net/mV4U6/3/

...も可能ループ付き：

var $inputs = $('input'); 
for (var i = 0, len = $inputs.length; i < len; i++) { 
    console.log($inputs[i][0].value);//or inputs[i].val() will also work 
} 

Answer 2

ドキュメントごとに、.val()と他のすべてのゲッターメソッドは、最初に選択した要素の値を返します。

http://api.jquery.com/val/#val1

http://api.jquery.com/attr/#attr1

http://api.jquery.com/prop/#prop1

Answer 3

.val()セレクタに一致する最初の要素の値を返します。あなたが別のユニーク IDを選択するか、classでidを交換する必要がありますので

また、IDは、一意である必要があります。もう1つの方法は、id属性を削除し、名前として$('[name="id"]')を選択することです。

Answer 4

jQueryのソースから：valでテストされた要素が関係なくがいくつあるかまたは値が何であるか、セットの最初の1、常に[0]ではありません

val: function(value) { 
    var hooks, ret, isFunction, 
     elem = this[0]; 

(Line 161 of src/attributes.js)

。

Answer 5

要素のjQueryコレクションの場合、.val()は最初の値のみを返します。

Answer 6

それを取得します最初の値だけの値。

http://api.jquery.com/val/

Answer 7

jQuery API docsから

：

ヴァル（）= マッチした要素の集合内の最初の要素の現在の値を取得します。

したがって、セレクタに一致する最初の要素でのみ機能します。

Answer 8

したい場合は、すべての値がマップ機能

var ids = id.map(function(index, element){ 
    return $(this).val(); 
})