Question

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