Как вставить в js многострочный html код?

Question

[zeni1agent]

Я вставляю с помощью Jquery мой html код

$('div').append('<div>text<div>text2</div></div>');

Но очень трудно читать код когда его много и он засунут в одну строку можно ли его как нибудь удобно оформить?

var test = /*
<div>
    text
    <div>
        text2
    </div>
</div>
*/;
$('div').append(test);

Answer 1

[WapSter]

`<div>
    text
    <div>
        text2
    </div>
</div>`

Comments

[Павел Корнилов]

Ну, или для браузеров постарше:

var s="123\
456\
789";
console.log(s)

Answer 2

[zkrvndm]

Я обычно делаю так:

var test = '<div>'+
	'text'+
	'<div>'+
		'text2'+
	'</div>'+
'</div>';

$('div').append(test);

Пример на более сложной разметке:

P. S. Я этого не знал, но еще оказывается можно использовать ` в качестве кавычек, это наверное наилучший вариант:

var test = `
<div>
    text
    <div>
        text2
    </div>
</div>
`;

$('div').append(test);