如何在JQuery中访问serializeArray创建的值？

Question

我有这个HTML:

<form id='myform'>
<input name='title' value='foo'/>
</form>

我从它创建一个对象数组,如下所示:

var dataArray = $("#myform").serializeArray();

现在我如何访问dataArray中的'title'？这不起作用:

alert(dataArray['title']);
alert(dataArray['title'].val());

Answer 1

与Nick发布的相似,但有点清洁

var dataArray = $("#myform").serializeArray(),
    dataObj = {};

$(dataArray).each(function(i, field){
  dataObj[field.name] = field.value;
});

然后以相同的方式访问

alert(dataObj['title']);

Answer 2

您可以循环,因为@Tom有 ...或者如果您访问多个,请更高效并循环一次,创建一个这样的对象:

var dataArray = $("#myform").serializeArray(),
    len = dataArray.length,
    dataObj = {};

for (i=0; i<len; i++) {
  dataObj[dataArray[i].name] = dataArray[i].value;
}

然后您可以按照自己的意愿访问它,例如:

alert(dataObj['title']); //or alert(dataObj.title);

你可以在这里测试一下.

Answer 3

alert(dataArray[0].name);
alert(dataArray[0].value);

所以:

for (i=0; i<dataArray.length; i += 1) {
    if (dataArray[i].name === "title") {
        // do something here...
    }
}