Как добавить (или другой метод) много 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>
<?');

Разделите html и php с тегами php close / open, и все должно работать нормально. При добавлении var в html просто используйте теги снова, как здесь: <? $hello ?>

Answer 4

Начиная с 2015 года, ECMA 6, вы можете сделать это:

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

Answer 5

Если вы хотите вставить переменные в html, вы можете использовать библиотеку шаблонов, такую ​​как jQuery.template

Answer 6

используйте html () вместо добавления

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