javascript - jquery 对象 key 对未定义

Question

我正在使用 jquery 迭代作为输入字段的 html 元素，但出现错误。这是我的代码:

$(".submit_button").on("click touch", function(e){
    e.preventDefault();

    var formdata = {};

    $(this).closest("div")
        .find("[data-field]")
        .each(function(i, val){
            var field = $(this).attr("data-field");             
            if($(this).is("[data-group]")) {
                var group = $(this).attr("data-role");
                formdata[group][field] = $(this).val() || "";
            } else {
                formdata[field] = $(this).val() || "";
            }
        });
    alert(JSON.stringify(formdata));
    return;
});

当我点击提交按钮时，firebug 中的错误控制台显示:

formdata[group] 未定义

应该怎样写，才能正确运行？

Answer 1

您必须定义 formdata[group]。测试一下:

$(".submit_button").on("click touch", function(e){
e.preventDefault();

var formdata = {};

$(this).closest("div")
    .find("[data-field]")
    .each(function(i, val){
        var field = $(this).attr("data-field");             
        if($(this).is("[data-group]")) {
            var group = $(this).attr("data-role");
            if(!(group in formdata)){ //if group is not present in formdata, define it
               formdata[group] = {}; 
            }
            formdata[group][field] = $(this).val() || "";
        } else {
            formdata[field] = $(this).val() || "";
        }
    });
    alert(JSON.stringify(formdata));
    return;
});