javascript - 从 html“数组”到 javascript 数组

Question

我有一个非常像这样的html页面：

<table id="all">
<tr><td><input type="text" name="search[id]" id="search[id]"></input></td></tr>
<tr><td><input type="text" name="search[name]" id="search[name]"></input></td></tr>
..........ecc ecc..........
</table>

我想用 javascript 或 jquery 实现这样的数组：

{
id:"<value in search[id]>",
name:"<value in search[name]>",
....ecc ecc...
}

数组的键不是静态的，所以我不能在代码中静态命名它们。我尝试使用 $("#search") 但我并不幸运 :( 非常感谢您的帮助！抱歉这个菜鸟问题！

Answer 1

var obj = {};
$('#all [id^=search]').each(function() {
   obj[this.id.match(/\[(.*)\]/)[1]] = this.value;
});

示范

Answer 2

jQuery$(form).serializeArray() 在他们的 API 站点上提供了文档（总是值得快速查看，那个）。

Answer 3

这在原生 JavaScript中是可行的；假设你的 HTML

function nameToObj(queryName, nodes, context) { // `nodes`, `context` optional
    var o = {}, i, j = queryName.length; // var what we'll need
    context || (context = document);
        // if `context` falsy, use `document`
    nodes || (nodes = context.getElementsByTagName('input'));
        // if `nodes` falsy, get all <input>s from `context`
    i = nodes.length; // initial `i`
    while (i--) { // loop over each node
        if (nodes[i].name.slice(0,j) === queryName) { // test
            o[nodes[i].name.slice(j+1,-1)] = nodes[i].value;
                // match, append to object
        }
    }
    return o; // return object
}
nameToObj('search'); // Object {name: "", id: ""}