Question

 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()
                });       
        }
        );

它基本上检查DOM并准备一个表单。 form正确解析两个字段（fieldNode.length产生正确的数字）。它还会正确打印节点，直到我添加了span标记。为什么它不起作用？

Answer 1

问题，如果它是唯一的问题，就是这一行：

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

源于append()返回附加了新元素的原始元素，不新元素本身（proof of concept）的事实。

所以你要附加span，然后立即将父div的HTML覆盖到$(elem).data('field-name')返回的任何内容。

此外，由于jQuery赢了（或者可以＆＃39; ）使用对象创建元素，因此您对紧随其后的行有问题，追加（proof of failure），而你必须使用一个html字符串，例如，在你的情况下：

$(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()
}));

附加跨度不起作用

1 个答案: