附加文本+变量会导致语法错误

Question

当我尝试包含文本时，append（）不起作用。它会在参数列表后导致语法错误（Uncaught SyntaxError：missing）。

我不知道为什么会这样做：

$(".chatToInfo").append('<div class="green">' + peopleName + '</div>');`

但这并不是：

$(".chatToInfo").append('<div class="green">'"Sending message to " + peopleName + '</div>');

Answer 1

试试这个，

$(".chatToInfo").append('<div class="green">Sending message to' + peopleName + '</div>');

Answer 2

存在语法错误。您正在关闭开盘报价。这就是引起异常的原因。

应该是

$(".chatToInfo").append('<div class="green">"Sending message to "' + peopleName + '</div>')

Answer 3

'<div class="green">'"Sending message to " + peopleName + '</div>'

这是未经验证的字符串。

下面的正确字符串：

'<div class="green">"Sending message to "' + peopleName + '</div>'

Answer 4

使用ES6的模板文字(``)，在这种情况下更加清晰。

＆＃13;

＆＃13;

var peopleName = 'John';
var el = `<div class="green">Sending message to ${peopleName}</div>`;
console.log(el);
$(".chatToInfo").append(el);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class=".chatToInfo"></div>

＆＃13;

＆＃13;

＆＃13;