jQuery如何在一个div中包装多个标签

Question

我有以下示例标记

<h2>Title 1</h2>
<input>
<input>
<h2>title 2</h2>
<input>

它需要如下

<div>
  <h2>Title 1</h2>
  <input>
  <input>
</div>
<div>
  <h2>title 2</h2>
  <input>
</div>

输入字段的数量是可变的，我可以在h2的

我已经用.wrap()和.wrapAll()尝试过了，但这将每个元素包装在一起或将每个元素分开。

关于SO的其他类似问题也没有变量输入，可以使用next（）或其他方法。

div都需要单独的手风琴，以防万一

e：到目前为止： $('#id').nextUntil('.title').andSelf().wrapAll("<div class='hihi'></div>"); 适用于两个元素之一。 可能需要一个each()吗？

Answer 1

所以我想我需要花更长的时间来摆弄它，然后再发布一个问题...

$("h2").each(function(i, el){
  $(el).nextUntil('.title').andSelf().wrapAll("<div class='hihi'></div>");
});

为我工作。