Javascript 在动态html列表内容周围添加Div

例如，我有这样的结构：

<Ul>
<div>heading</div>
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
<div>heading</div>
<li>dynamic content</li>
<li>dynamic content</li>
</Ul>

---

您所做的是不正确的标记 ul标签只能包含li标签作为直接子项

<Ul>
<li><div>heading</div></li>//Enclose in an li tag
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
<li><div>heading</div></li>//Enclose in an li tag
<li>dynamic content</li>
<li>dynamic content</li>
</Ul>

标题
//用li标记括起来
动态内容
动态内容
动态内容
标题
//用li标记括起来
动态内容
动态内容

甚至

<div>heading</div>
<Ul>
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
</Ul>

标题

动态内容
动态内容
动态内容
动态内容
动态内容

编辑：

把它包在一个容器里

<div class="wrap">
<div>heading</div>
<Ul>
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
</Ul>
</div>

标题

动态内容
动态内容
动态内容
动态内容
动态内容

 > p>而不是使用div环绕您的LIS，考虑将一个类添加到每个要显示为标题的Li中。

<style>
.heading
{
 font-weight:bold;
}
</style>

<Ul>
<li class="heading">heading</li>
<li>dynamic content</li>
<li>dynamic content</li>
<li>dynamic content</li>
<li class="heading">heading</li>
<li>dynamic content</li>
<li>dynamic content</li>
</Ul>


标题
{
字体大小：粗体；
}

标题
动态内容
动态内容
动态内容
标题
动态内容
动态内容

使其更具语义嵌套列表

<Ul class="wrap">
  <li>heading
    <Ul>
      <li>dynamic content</li>
      <li>dynamic content</li>
      <li>dynamic content</li>
      <li>dynamic content</li>
      <li>dynamic content</li>
    </Ul>
  </li>
</Ul>


标题

动态内容
动态内容
动态内容
动态内容
动态内容



我同意您的观点，这里给出的任何示例都是完全动态的。。。。我真的很感激。。。。谢谢你所做的一切。仅仅标记是不够的，因为您说我已经更改了这样的内容：
标题
动态内容
动态内容
标题
现在我想像上面所说的那样包装一个容器
<Ul class="wrap">
  <li>heading
    <Ul>
      <li>dynamic content</li>
      <li>dynamic content</li>
      <li>dynamic content</li>
      <li>dynamic content</li>
      <li>dynamic content</li>
    </Ul>
  </li>
</Ul>