Javascript jQuery如何在一个div中包装多个标记_Javascript_Jquery

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

javascript jquery

Javascript jQuery如何在一个div中包装多个标记,javascript,jquery,Javascript,Jquery,我有下面的示例标记 <h2>Title 1</h2> <input> <input> <h2>title 2</h2> <input> 标题1 标题2 它必须是以下内容 <div> <h2>Title 1</h2> <input> <input> </div> <div> <h2>title 2&l

我有下面的示例标记

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

标题1
标题2

它必须是以下内容

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


标题1
标题2

输入字段的数量是可变的，我可以在h2上设置一个类

我已经用

.wrap（）

和

.wrapAll（）

尝试过了，但是它将每个元素包装在一起，或者将每个元素分开

其他有类似问题的问题没有变量输入，可以使用next（）或其他什么

演员们都需要分开演奏手风琴，以防发生变化

e: 到目前为止：

$（'#id'）.nextUntil（'.title'）.andSelf（）.wrapAll（“”）
适用于两个元素之一。可能需要一个each（）
？
所以我想在发布问题之前我需要花更长的时间来处理它
$("h2").each(function(i, el){
  $(el).nextUntil('.title').andSelf().wrapAll("<div class='hihi'></div>");
});

$（“h2”）。每个（函数（i，el）{
$（el）.nextUntil（'.title'）和self（）.wrapAll（“”）；
});

为我工作