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()但是将每个元素包装在一起或每个元素分开。

有关类似问题的其他问题没有变量输入，可以使用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>");
});

为我工作。