jquery wrap content between elements

Question

Hi, I have some content separated by <hr> markers. What I need to do is wrap everthing between the beginning maker and the ending marker.

Given this markup:

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

This is what I need it to be:

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

I can do this with .nextAll() but it seems like there should be a more elegant solution.

Answer 1

You can use .nextUntil() like this:

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

Answer 2

You are probably looking for .nextUntil() method of jQuery.

Get all following siblings of each element up to but not including the element matched by the selector.