如何预置大DIV?

我需要prepend一个巨大的DIV块,可以在问题的底部看到。

我目前的想法是把它放在一个

 $('#content').prepend(); 

当我需要插入变量的内容时,打破每个像。 这就是说TMPL_VAR所有地方

代码很难维护和阅读。

有一个聪明的方法来做到这一点?

 
<input name="anchor" value="" type="hidden">
<input name="title" id="_title" value="" type="text" />
<input name="owner" id="_owner" value="" type="text" />
<input name="from" id="_begin_date" value="" type="text" class="datepick" />
<input name="to" id="_end_date" value="" type="text" class="datepick" />
<input name="ctype" value="individuel" type="radio" /> Individuel
<input name="ctype" value="course" type="radio" /> Course
<a href="javascript:showhide('');">Members
<div id="" style="display: none; background-color: #fff8e7;">
  <input name="users" id="_users" size="35" value="" type="text" />          <input name="groups" id="_groups" size="35" value="" type="text" />

我个人会去jQuery.tmpl()来处理这类问题。

这样你可以像这样指定一个模板:

   

然后用jQuery填充模板

  $('#template').tmpl(myData).appendTo('#myContainer') 

将填充的模板插入到#myContainer假设您在javascript范围内有数据myData对应于模板中指定的数据格式,并且您已经定义了一个id为myContainer的html元素,该元素是可附加的。