jquery 在元素之间包裹内容

Question

我有一些内容由

---

标记分隔。我需要做的是将开始标记和结束标记之间的所有内容包装起来。

给定这个标记：

<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() 方法。

获取每个的所有以下兄弟姐妹
元素最多但不包括
与选择器匹配的元素。