jquery - 使用 jquery 仅创建一个开始 div 标签

Question

好吧，我已经在这个网站上搜索了很多次，但似乎找不到答案，所以我将以更好的理由问同样的问题。我正在尝试使用 jquery 添加一个开始 div 标签。当我尝试使用 after 时，我最终得到了 .我知道 jquery 不喜欢像我想要的那样本地创建标签。然而，情况是这样的:

我有一个动态表单生成器，用于显示表单。我在表单中使用了几个标题作为节标题。我想使用 jquery Accordion ，它希望看到一个 div 元素包裹了 Accordion 框架的内容，并且它希望在我的 .问题在于开始和结束 div 标签之间的元素数量是动态的。所以我不能只是包装一些东西然后就完成它。我想做的是这样的:

<h3>Section 1</h3>

...此处的动态代码部分

<h3>Section 2</h3>

我想使用jquery来结束这样的事情:

<h3>Section 1</h3>
<div>

这里是动态代码部分

</div>
<h3>Section 2</h3>
<div>

更多动态代码

</div>

我知道我可以找到我知道的元素(h3 标签)并插入 html。问题是 jquery 不让我这么做。显然它对我不够信任，无法独自平衡事情。有人对如何让它发挥作用有任何想法吗？

Answer 1

使用.wrapAll()

$('h3').each(function(){
   $(this).nextUntil('h3').wrapAll(document.createElement('div'));
});

演示:http://jsfiddle.net/ph8D2/