javascript - 将字符串连接起来以使用Javascript将新的DOM元素组合在一起时，它仅采用第一个空格分隔的值

我有以下代码

var aVar = "sample text";
alert(aVar);
$(this).replaceWith( "<input type='text' value=" + aVar + " id='laID' style='width: 100px; padding-right:20px; color:white;'/>");

警报消息框返回期望值：“示例文本”。但是，将使用以下值生成DOM元素：“样本”。现在，如果我按以下方式尝试它，则可以：

$(this).replaceWith( "<input type='text' value='sample text' id='laID' style='width: 100px; padding-right:20px; color:white;'/>");

不幸的是，我别无选择，只能从变量中读取值，我无法对其进行硬编码。希望有人可以指导我！谢谢

最佳答案

更改：

value=" + aVar + " id='

至：

value='" + aVar + "' id='

属性应加引号。