将HTML字符串设置为javascript中的变量

我声明一个HTML字符串，并将其设置为变量。我想不出它会产生错误的任何原因，但它是：

未捕获的语法错误：Ln 136上出现意外标识符

Ln 136: new_comment = '
    <li class="photobooth-comment">
       <span class="username">
          <a href="#">You</a>
       </span>
       <span class="comment-text">
          ' + text + '
       </span>
       <span class="comment-time">
          2d
       </span>
    </li>
';

ln136:new\u comment='2〕

“+text+”
二维

';

你能做的最接近你想要做的就是转义换行符

new_comment = '\
    <li class="photobooth-comment">\
       <span class="username">\
          <a href="#">You</a>\
       </span>\
       <span class="comment-text">\
          ' + text + '\
       </span>\
       <span class="comment-time">\
          2d\
       </span>\
    </li>\
';

new\u comment='1\
\
\
\
\
\
“+text+”\
\
\
二维\
\
\
';

除此之外，还可以使用字符串连接

---

（我发现了一个可能的重复：）

你能做的最接近你想要做的就是转义换行符

new_comment = '\
    <li class="photobooth-comment">\
       <span class="username">\
          <a href="#">You</a>\
       </span>\
       <span class="comment-text">\
          ' + text + '\
       </span>\
       <span class="comment-time">\
          2d\
       </span>\
    </li>\
';

new\u comment='1\
\
\
\
\
\
“+text+”\
\
\
二维\
\
\
';

除此之外，还可以使用字符串连接

---

（我发现了一个可能的副本：）

如果您希望在实际代码中包含换行符以使其更易于阅读，则需要使用反斜杠对每个换行符进行转义，例如：

var new_comment = '\
    <li class="photobooth-comment">\
       <span class="username">\
          <a href="#">You</a>\
       </span>\
       <span class="comment-text">\
          ' + text + '\
       </span>\
       <span class="comment-time">\
          2d\
       </span>\
    </li>\
';

var new\u comment='1〕\
\
\
\
\
\
“+text+”\
\
\
二维\
\
\
';

或者需要将它们作为单个字符串连接起来，如下所示：

var new_comment = ''+
    '<li class="photobooth-comment">' +
       '<span class="username">' +
          '<a href="#">You</a>' +
       '</span>' +
       '<span class="comment-text">' +
          text +
       '</span>' +
       '<span class="comment-time">' +
          '2d' +
       '</span>' +
    '</li>'+
'';

var new_comment=''+
“
”+
'' +
'' +
'' +
'' +
正文+
'' +
'' +
“2d”+
'' +
“
”+
'';

或者干脆把它放在一行：

var new_comment = '<li class="photobooth-comment"><span class="username"><a href="#">You</a></span><span class="comment-text">' + text + '</span><span class="comment-time">2d</span></li>';

var new_comment='
'+text+'2d
'；

---

不是很容易阅读，但是对你的JavaScript来说更整洁

如果您想在实际代码中包含换行符以使其更易于阅读，则需要使用反斜杠对每一行进行转义，例如：

var new_comment = '\
    <li class="photobooth-comment">\
       <span class="username">\
          <a href="#">You</a>\
       </span>\
       <span class="comment-text">\
          ' + text + '\
       </span>\
       <span class="comment-time">\
          2d\
       </span>\
    </li>\
';

var new\u comment='1〕\
\
\
\
\
\
“+text+”\
\
\
二维\
\
\
';

或者需要将它们作为单个字符串连接起来，如下所示：

var new_comment = ''+
    '<li class="photobooth-comment">' +
       '<span class="username">' +
          '<a href="#">You</a>' +
       '</span>' +
       '<span class="comment-text">' +
          text +
       '</span>' +
       '<span class="comment-time">' +
          '2d' +
       '</span>' +
    '</li>'+
'';

var new_comment=''+
“
”+
'' +
'' +
'' +
'' +
正文+
'' +
'' +
“2d”+
'' +
“
”+
'';

或者干脆把它放在一行：

var new_comment = '<li class="photobooth-comment"><span class="username"><a href="#">You</a></span><span class="comment-text">' + text + '</span><span class="comment-time">2d</span></li>';

var new_comment='
'+text+'2d
'；

不是很容易阅读，但是对你的JavaScript来说更整洁

您正在使用，因此，通过jquery，您可以将

放在HTML页面中，并使用方法获取匹配元素集中第一个元素的HTML内容，或者像这样设置每个匹配元素的HTML内容

 var new_comment = $(".photobooth-comment").html();
   //do what you want to 

您正在使用jquery，因此，您可以将

放在HTML页面中，并使用方法获取匹配元素集中第一个元素的HTML内容，或者像这样设置每个匹配元素的HTML内容

 var new_comment = $(".photobooth-comment").html();
   //do what you want to 

---

这是一个受PHP启发的顽皮方法。 我把它贴在这里作为一种心理练习。请不要投反对票

---

var新注释/* 这是一个受PHP启发的顽皮方法。
我把它贴在这里作为一种心理练习。请不要投反对票


var新注释/*Javascript不喜欢字符串中的换行符。如果需要定义“text”变量，请将其更改为\n或用\转义？Alexander是第一个回答的人（实际上是在我的评论之后的第二个，但仍然值得为好的答案打勾）。@mplungjan True；在我点击提交我的答案后，我看到亚历山大已经在我面前回答了。然而，（不想显得小气）我的回答更彻底，给出了多种解决方案。Javascript不喜欢字符串中的换行符。如果需要定义“text”变量，请将其更改为\n或用\转义？Alexander是第一个回答的人（实际上是在我的评论之后的第二个，但仍然值得为好的答案打勾）。@mplungjan True；在我点击提交我的答案后，我看到亚历山大已经在我面前回答了。然而，（不想显得小气）我的回答更彻底，给出了各种各样的解决方案。我没有投你反对票。但是，您没有考虑
text
变量。所以，这很容易失败。我没有投你反对票。但是，您没有考虑
text
变量。所以，这很容易失败“…我把替换文本变量作为练习留给读者…”，你在开玩笑吗？如果是这样的话，这不是正确的地方，这是一种幼稚的方式。但是，好吧，很好的尝试：）我知道它是有效的。但是，你只是增加了另一层复杂性。例如，
$text
作为字符串和
$text
作为变量是无法区分的“…我把替换文本变量作为练习留给读者…”，你在开玩笑吗？如果是这样的话，这不是正确的地方，这是一种幼稚的方式。但是，好吧，很好的尝试：）我知道它是有效的。但是，你只是增加了另一层复杂性。例如，
$text
作为字符串和
$text
作为变量无法区分