jQuery - 入力名をキーとして配列を取得する

Question

this.form.elementsが返すのと同じ型の配列を配列キーとして取得する必要があります。

私はthis.toArray()を試しましたが、同じように見えますが、名前キーがありません（キーは数字です）。シリアル化が可能な選択肢であることを利用して

(function($) { 
    $.fn.blah = function(){ 
    var that = this; 
    return this.each(function(){ 
     $(this).bind('change', function(){ 
      var matches1 = that.toArray(); // this doesn't work 
      var matches2 = this.form.elements; // this works. 

      console.log(matches1); // but both arrays look the same. wtf? 
      console.log(matches2); 

      return true; 
     }).change(); 

    }); 
}; 

})(jQuery); 

$("input").blah();

Answer 1

JavaScriptでは、名前付きキーには配列を使用しません。代わりにObjectを使用します。私は値が要素そのものでなければならないと仮定します。

var result = {}; 

$.each(this.form.elements, function() { 
    result[ this.name ] = this; 
}); 

---

あなたのアップデートに関しては、この行：あなたはjQueryのtoArray() jQueryオブジェクトに対してを呼び出しているので

var matches1 = that.toArray(); 

...は動作しません。

これを使用する場合は、ライブラリから呼び出して、jQueryオブジェクトに渡します。

var matches1 = $.toArray(that); 

...あなたは、各changeイベントのアレイへのすべての<input>要素を表すjQueryオブジェクトをオンにしたいと思いますなぜ私にはわからないが。

この行：それは単にイベントを受信し<input>要素から形の要素への参照であるため

var matches2 = this.form.elements; // this works. 

は...働きます。ネイティブのDOM APIプロパティを使用してコレクション（これは技術的には配列ではありません）を取得します。

---

は、私が toArray()の使用について間違っていたので、私の答えを編集する必要がありました。私は makeArray()を考えていた。 toArray()メソッドは .get()のラッパーで、まったく同じことを行います。

Answer 2

として：

はここで完全な機能です。 http://api.jquery.com/serializeArray/

$（this）。serializeArray（）はそれを再作成します。 :)

Answer 3

form.elementsは、HTML5にHTMLCollectionまたはHTMLFormControlsCollectionのオブジェクトを返します。

これらのオブジェクトの要素は、インデックスまたは名前でアクセスできます。あなたは、「ログイン」という名前の単一の入力要素でフォームを持っているのであれば、あなたが行うことができます：

form.elements.[0] 

または

form.elements["login"] 

を同じ要素にアクセスします。このようなオブジェクトをシミュレートするには、対応するインデックスと名前を持つ各フォーム要素の2つのエントリを追加します。しかし、もしform.elementsがあなたのために働くなら、私はそれを直接使用することをお勧めします。