如何附加（或其他方法）大量 HTML 代码？答案

【问题标题】：How To Append (Or Other Method) a Lot of HTML Code?如何附加（或其他方法）大量 HTML 代码？
【发布时间】：2011-09-26 14:52:02
【问题描述】：

我需要附加很多 HTML 代码。为了提高可读性，我不想将所有内容写在一行中，而是将它们拆分为常规 HTML。这就像 15 条新行之类的。问题是 JavaScript 不允许我这样做。

var target = $('.post .comment_this[rel="' + comment_id + '"]').parent().parent();

target.append('
    <div class="replies">
        <p>...</p>
        <img src="" alt="" />
    </div>
');

基本上，我需要在那个地方添加 HTML。

我也需要添加一些变量。

【问题讨论】：

标签： jquery html append target

【解决方案1】：

截至 2015 年，ECMA 6，您可以这样做：

target.append(`
    <div class="replies">
        <p>...</p>
        <img src="" alt="" />
    </div>
`);

【讨论】：

【解决方案2】：

    target.append(' <div class="replies">'+
            '<p>...</p>'+
            '<img src="" alt="" />'+
        '</div>'
    );

或

    target.append(' <div class="replies">\
            <p>...</p>\
            <img src="" alt="" />\
        </div>'
    );

【讨论】：

【解决方案3】：

使用 html() 代替追加

target.html('<div class="replies"><p>...</p><img src="" alt="" />,</div>');

【讨论】：

【解决方案4】：

如果你想在 html 中插入变量，你可以使用一些模板库，比如jQuery.template

【讨论】：

【解决方案5】：

target.append(' ?>
    <div class="replies">
        <p>...</p>
        <img src="" alt="" />
    </div>
<?');

将 html 和 php 与关闭/打开 php 标签分开，它应该可以正常工作.. 在 html 中添加 var 时，只需再次使用标签，如下所示：<? $hello ?>

【讨论】：

OP 没有提到 PHP。
不，OP 没有，显然我无法阅读 OP 真正想要和使用的内容。不知道为什么我认为 OP 使用 php？我接受了这一点:-)

【解决方案6】：

Creating multiline strings in JavaScript

【讨论】：

我将每一行换成'quotes'，并在它们之前添加+。它的工作原理和外观都比全部放在一条线上时要好一些。