Question

Is there a way to store a HTML snippet in a variable using Javascript or jQuery like this? (obviously it’s a non-working an example)

var mysnippet = << EOF
<div class="myclass">
  <div class="anotherclass">
    Some dummy text
  </div>
</div>
EOF

And then insert it in the document using jQuery:

mysnippet.append($('#someelement'));

EDIT:

Please, read this before answering of commenting: What I have is a raw HTML snippet inside my JS file, and I need to store it in a Javascript variable using something like that EOF construction. I need to avoid putting it between quotation marks.

If it’s not possible using Javascript and/or jQuery, then the question has no solution.

Answer 1

You could use javascript templates like ejs and haml-coffee.