Javascript 附加跨度不起作用 form=jQuery（“”） ,{ “方法”：“发布” , “操作”：node.get（“内联编辑目标”） } ); $（节点）。在（窗体）之后； //log（$（node.html（））； fieldNode=$（node.find（“.inline编辑字段”）； console.log（fieldNode.length）； fieldNode.each（功能（索引、元素） { console.log（$（elem.data（“字段名”））； $（form）.append（“”.html（$（elem）.data（“字段名”）； $（表格）。附加（“”） ,{ “类型”：“文本” , “名称”：$（elem）.data（“字段名”） , “值”：$（elem）.text（） }); } );

它基本上是检查DOM并准备表单。表单正确解析两个字段（fieldNode.length生成正确的数字）。它还正确地打印节点，直到我添加了

span

标记。为什么它不工作？

如果这是唯一的问题，那么问题是这一行：

 form=jQuery("<form>"
            ,{
                "method":"post"
                ,
                "action":node.get("inline-edit-target")

            }
            );


        $(node).after(form);
        //console.log($(node).html());

        fieldNode=$(node).find(".inline-edit-field");
        console.log(fieldNode.length);
        fieldNode.each(function(index,elem)
        {
            console.log($(elem).data("field-name"));

            $(form).append("<span>").html($(elem).data("field-name"));
            $(form).append("<input>"
                ,{
                    "type":"text"
                    ,
                    "name":$(elem).data("field-name")
                    ,
                    "value":$(elem).text()
                });       
        }
        );

或者（这可能更容易）：

$（表单）.append（$（“”）{
“类型”：“文本”，
“名称”：$（elem）.data（“字段名”），
“值”：$（elem）.text（）
}));

什么是“不起作用”？跨度没有出现？有JS错误吗？循环停止处理？你能提供小提琴吗？

$(form).append("<span>").html($(elem).data("field-name"));

$(form).append('<input type="text" name="' + $(elem).data('field-name') + '" value="' + $(elem).text() + '" />');

$(form).append($("<input />" ,{
    "type" : "text",
    "name" : $(elem).data("field-name"),
    "value" : $(elem).text()
}));