javascript - 无法弹出完整的文字

Question

var text = $(this).text();
    alert(text);
    Afterdata = "<div><span><input type=text class=inputtext value="+text+">"+
    "</span>" +
    "<span class=save><input type=button value=Save></span>" +
    "<span class=cancel><input type=button value=Cancel></span></div>"
    $(this).parent().html(Afterdata);
    //$(".inputtext").val(text);

这里是我的代码片段，var text 是从跨度中检索的数据，比如 text = "how you doing"。基本上我的代码所做的是，在我点击跨度文本字段后，它会转换为输入文本字段以及两个按钮，如上所示，其中文本字段保留来自跨度的文本，(“你如何做”) .它应该显示一个输入框，该输入框预先填充了“你在做什么”，但它只填充了“如何”而没有下面的“你在做什么”部分。奇怪的是，警报功能成功显示“你做得如何”，并且注释底线也显示“你如何做”。然而，最奇怪的是我的另一个功能就像一个魅力:

var text = $(this).text();
$(this).parent().html("<span class=sample>"+text+"</span>" +
            "<span><input type=button value=Delete class=delete></span>");

这是同一个想法。唯一的区别是后面的替换部分是跨度而不是输入的值。看到不同？我没有任何线索;有帮助吗？

Answer 1

你生成的 html 是这样的:

<div><span><input type=text class=inputtext value=how you doing></span>...

(其他不重要)

如您所见，value 属性需要引号。此外，您应该考虑文本包含引号的情况，因此需要对引号进行转义。

编辑:你可以这样做:

Afterdata = "<div><span><input type=text class=inputtext value=\"" + text.replace(/"/g, '&quot;') + "\">" + "</span>" + "<span class=save><input type=button value=Save></span>" + "<span class=cancel><input type=button value=Cancel></span></div>"

看到它工作 here .