如何存储HTML片段并稍后将其插入文档?

Dav*_*les 7 html javascript jquery

有没有办法使用像这样的Javascript或jQuery将HTML片段存储在变量中?(显然这是一个非工作的例子)

var mysnippet = << EOF
<div class="myclass">
  <div class="anotherclass">
    Some dummy text
  </div>
</div>
EOF
Run Code Online (Sandbox Code Playgroud)

然后使用jQuery将其插入到文档中:

mysnippet.append($('#someelement'));
Run Code Online (Sandbox Code Playgroud)

编辑:

请在回答评论之前阅读:我所拥有的是我的JS文件中的原始HTML片段,我需要使用类似EOF构造的东西将其存储在Javascript变量中.我需要避免将它放在引号之间.

如果使用Javascript和/或jQuery是不可能的,那么这个问题没有解决方案.

mas*_*gns 5

只需获取所需的div的HTML代码,var content = $('#somediv').html();然后将其附加到某个div上即可!$('#otherdiv').append(content);

$().html();提供该div的HTML内容。文档:http : //api.jquery.com/html/

$().append(<content>);将内容附加到特殊的div。documentatoin:http//api.jquery.com/append/


ibl*_*lue 4

您可以使用 JavaScript 模板,例如ejshaml-coffee