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>");