Javascript 从现有html自动生成html源文档

我有一个基于html的样式指南，其中有几个示例元素，如下所示：

<address>
  <strong>Twitter, Inc.</strong><br>
  795 Folsom Ave, Suite 600<br>
  San Francisco, CA 94107<br>
  <abbr title="Phone">P:</abbr> (123) 456-7890
</address>

<address>
  <strong>Full Name</strong><br>
  <a href="mailto:#">first.last@example.com</a>
</address>

这并不理想：它为人为错误留下了很大的空间，这是一个手动过程，需要更新代码片段和代码本身，而且很耗时（我很懒！）

我更喜欢使用.js自动生成这些代码片段

我倾向于做这样的事情，但我感觉它不能很好地扩展，而且它似乎过于复杂。有更好/更简单的方法吗

<div class="codeToGenerate">
  <address>
    <strong>Twitter, Inc.</strong><br>
    795 Folsom Ave, Suite 600<br>
    San Francisco, CA 94107<br>
    <abbr title="Phone">P:</abbr> (123) 456-7890
  </address>

  <address>
    <strong>Full Name</strong><br>
    <a href="mailto:#">first.last@example.com</a>
  </address>
</div>

---

这里有一些简单的事情。它将html转换为实体

$（'.codeToGenerate'）。每个（函数（）{
$（this）.text（$（this.html（））
});

这对于一个元素非常有效，基于
id
，但对于一个充满示例的文档来说，这是行不通的。我需要能够用n个例子来完成这项工作。@brandonscript你看。EditedOK，是的，我就是这么想的。我想我要试一试，看看它的伸缩性有多好。谢谢
<div class="codeToGenerate">
  <address>
    <strong>Twitter, Inc.</strong><br>
    795 Folsom Ave, Suite 600<br>
    San Francisco, CA 94107<br>
    <abbr title="Phone">P:</abbr> (123) 456-7890
  </address>

  <address>
    <strong>Full Name</strong><br>
    <a href="mailto:#">first.last@example.com</a>
  </address>
</div>

for each $('.codeToGenerate')
  do:
    $(el).next.append(html_encode($(el)))