jQuery-获取以输入名称作为键的数组

Question

我需要获取this.form.elements返回的相同类型的数组， 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中，不要将数组用于命名键。 您将改为使用对象。 我认为值应该是元素本身。

var result = {};

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

---

关于您的更新，此行：

 var matches1 = that.toArray(); 

...不起作用，因为您是针对jQuery对象调用jQuery的toArray() 。

如果要使用它，可以从库中调用它，并将其传递给jQuery对象。

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

...虽然我不知道为什么您要在每个change事件中将代表所有<input>元素的jQuery对象转换为Array。

这行：

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

...之所以有效，是因为它只是对接收事件的<input>元素中形式的元素的引用。 它使用本机DOM API属性来获取集合（从技术上讲，它不是数组）。

---

必须编辑我的答案，因为我对toArray()的使用有误。 我在想makeArray() 。 toArray()方法是.get()的包装器，其作用完全相同。

Answer 2

序列化是一个可能的选择。 http://api.jquery.com/serializeArray/

$（this）.serializeArray（）重新调整它。 :)

Answer 3

form.elements返回HTML5中的HTMLCollection或HTMLFormControlsCollection对象。

这些对象中的元素可通过索引或名称访问。 因此，如果您的表单具有一个名为“ login”的输入元素，则可以执行以下操作：

form.elements.[0]

要么

form.elements["login"]

访问相同的元素。 您可以通过为每个表单元素添加两个条目及其相应的索引和名称来模拟这样的对象。 但是，如果form.elements适合您，我建议直接使用它。