在javascript中设置一个等于变量的HTML字符串

这个问题在这里已经有了答案：

在JavaScript中创建多行字符串34个答案

---

如果你想在你的实际代码中加入换行符以便于阅读，你需要用反斜杠来转义每一行，例如：

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 = ''+
    '<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 = '<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>';

不太容易阅读，但整洁你的JavaScript！

---

你可以做的最接近你想要的是逃避换行。

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>
';

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

（我发现一个可能的重复：如何创建多行字符串）

---

您正在使用jquery，因此，通过jQuery，您可以将<li>放入HTML页面并使用.html（）方法获取匹配元素集合中第一个元素的HTML内容，或设置每个匹配元素的HTML内容像这样的元素

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

链接地址: http://www.djcxy.com/p/30435.html

上一篇: Set a string of HTML equal to a variable in javascript

下一篇: What is the best way to have long string literals in Javascript?