从 `div` 中的 Dom 元素创建 JSON答案

【问题标题】：Create JSON from Dom elements in a `div`从 `div` 中的 Dom 元素创建 JSON
【发布时间】：2014-01-21 12:33:27
【问题描述】：

我需要获取div 中的所有元素，可以是多个inputs、checkboxs、radiobuttons 等，并将其中的id 或name 和value 转换为JSON 可读格式。

我尝试使用 the following SO question 的修改版本，结果如下：

var data = $('#item').map(function() {
    return {
        content: $(this).val()
    };
}).get();

console.log(data);

<div id="item">
    <input class="item" id="test" value="data" />
</div>

但它不返回任何值。

【问题讨论】：

【解决方案1】：

您正在运行 map 访问 div（它没有值，因为它不是表单控件），而不是其中的输入。

您可能希望 '#item :input' 成为您的选择器。

【讨论】：

【解决方案2】：

这可能对你有帮助

变种地图 = {}; $("#item").children().each(function (i, element) { 地图[$(element).attr("id")] = $(element).val(); } );

【讨论】：