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

Question

我需要附加很多 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。

我还需要添加一些变量。

Answer 1

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

或者

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

Answer 2

在 JavaScript 中创建多行字符串

Answer 3

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

使用关闭/打开 php 标签分隔 html 和 php，它应该可以正常工作。
在 html 中添加 var 时，只需再次使用标签，如下所示：

Answer 4

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

Answer 5

自 2015 年 ECMA 6 起，您可以执行以下操作：

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

Answer 6

使用 html() 而不是追加

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