我正在尝试找到一种学习 DRY(不要重复自己)的好方法。我有一个包含大量 HTML 的页面。90% 的 HTML 是重复的,所以我试图找出如何清除它。
在页面上我有几个问题,所有这些问题都有相同的 html 代码,但文本不同。我在这里有一个项目的 jsFiddle http://jsfiddle.net/SBKyW/
<div class="container_vragen">
<p class="open_sub">▼ Heb je al je verplichtingen al geregeld?</p>
<div class="antwoorden">
<input id="ja" type="checkbox" value="ja" class="open_sub_ja"/><label for="ja">Ja</label>
<input id="nee" type="checkbox" value="nee" class="open_sub_nee"/><label for="nee">Nee</label>
<div class="extra_info">?
<div class="extra_info_popup">
Hidden tekst
</div>
</div>
</div>
<div class="submenu">
<div>
<p>Heb je DigiD?</p>
<div class="antwoorden">
<input id="ja" type="checkbox" value="ja" class="sub_antwoord ja"/><label for="ja">Ja</label>
<input id="nee" type="checkbox" value="nee" class="sub_antwoord nee"/><label for="nee">Nee</label>
<div class="extra_info">?
<div class="extra_info_popup">
Hidden tekst
</div>
</div>
</div>
</div>
<div>
<p>Heb je DigiD?</p>
<div class="antwoorden">
<input id="ja" type="checkbox" value="ja" class="sub_antwoord ja"/><label for="ja">Ja</label>
<input id="nee" type="checkbox" value="nee" class="sub_antwoord nee"/><label for="nee">Nee</label>
<div class="extra_info">?
<div class="extra_info_popup">
Hidden tekst
</div>
</div>
</div>
</div>
<div>
<p>Heb je DigiD?</p>
<div class="antwoorden">
<input id="ja" type="checkbox" value="ja" class="sub_antwoord ja"/><label for="ja">Ja</label>
<input id="nee" type="checkbox" value="nee" class="sub_antwoord nee"/><label for="nee">Nee</label>
<div class="extra_info">?
<div class="extra_info_popup">
Hidden tekst
</div>
</div>
</div>
</div>
<p class="akkoord"><br/>Akkoord</p>
<div class="close_submenu">
X
<div class="close_okay">Deze vraag sluiten</div>
</div>
</div>
</div>
这是一个问题所需的 html。每个问题的结构都相同,但显然文本不同。
使用 jQuery 减少我的 html 代码的最佳方法是什么?