How to add (or another method) a lot of HTML code?

Question

I need to add a lot of HTML code. To improve readability, I don’t want to write everything on one line, but break them down like plain HTML. It will be like 15 new lines or something like that. The problem is that JavaScript does not allow me to do this.

var target = $('.post .comment_this[rel="' + comment_id + '"]').parent().parent(); target.append(' <div class="replies"> <p>...</p> <img src="" alt="" /> </div> '); 

Basically, I need to add HTML to this place.

I also need to add some variables.

Answer 1

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

or

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

Answer 2

Creating multi-line strings in JavaScript

Answer 3

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

Separate html and php with close / open php tags and it should work fine. when adding var to html just use tags again, for example: <? $hello ?> <? $hello ?>

Answer 4

If you want to insert variables into html you can use some template library like jQuery.template

Answer 5

As of 2015, ECMA 6 you can do this:

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

Answer 6

use html () instead of append

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