如何避免重复的HTML代码？

Question

我有10个链接，指向10个显示的div：none，当我单击一个链接时，它应该显示div并且每个div包含tab。每个div的写标签代码是占用空间和时间。有没有办法减少编码并完成任务？

<a href="#div1">click to see div 1</a>

<a href="#div2">click to see div 2</a>

<a href="#div3">click to see div 3</a>

<div id="div1" style="display:none;">

jquery ui-tabs code

</div>

<div id="div2" style="display:none;">

jquery ui-tabs code

</div>

<div id="div3" style="display:none;">

jquery ui-tabs code

</div>

Answer 1

你可以使用像Jade，Hogan等工具，允许部分来实现代码模板。