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

Creating multiline strings in JavaScript

Answer 3

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

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

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

如何附加（或其他方法）很多HTML代码？

6 个答案: