创建div标签模板并重用

时间:2012-10-09 00:01:07

标签: jquery

是否有可能创建一个模板,例如其中包含许多其他元素并使用适当的属性“标记”并使用jquery重用它?例如,当您想要显示用户提交的注释而不刷新页面时。我问这个的原因是因为div标签之间的代码相当长。因此,使用例如prepend()将需要很长时间才能重写。

对于更大的操作,最好的方法是什么?创建一个单独的HTML?我对操作很新,但由于我有编程背景,我希望有一种有效的方法来重用已经存在的HTML而不是在jquery中重新定义它。

1 个答案:

答案 0 :(得分:3)

创建一个包含其中所有元素的div标签..

如果你想重复使用它,你可以使用.clone()到类似div的模板并将其附加到你的HTML ..

<div class="template">
   // All other elements here
</div>

<div id="container">
</div>


$template = $('.template').clone() ; //  Clones the template div

// Append to your contianer

$('#container').append($template) ;