jquery在元素之间包装内容

Question

我有一些由<hr>标记分隔的内容。我需要做的是在开始制作者和结束标记之间进行包围。

鉴于此标记：

<hr class=begin>
 some content
 <some tags>
 more content
 <more tags>
<hr class=end>

这就是我所需要的：

<hr class=begin>
 <div class=content>
   some content
   <some tags>
   more content
   <more tags>
 </div>
<hr class=end>

我可以使用.nextAll()执行此操作，但似乎应该有更优雅的解决方案。

Answer 1

您可以像这样使用.nextUntil()：

$("hr.begin").nextUntil("hr.end").wrapAll("<div class='content'></div>");

Answer 2

您可能正在寻找jQuery的.nextUntil()方法。

  

获取每个兄弟姐妹的所有兄弟姐妹   元素，但不包括   元素由选择器匹配。