Find elements between selectors

Question

Below is my HTML content

<HR><HR><H3>Document_1</H3>
    <PRE>PART2_1</PRE>
    <PRE>PART2_2</PRE>
<HR><HR><H3>Document_2</H3>
    <PRE>PART3_1</PRE>
    <PRE>PART3_2</PRE>
    <PRE>PART3_3</PRE>

I want to wrap all the elements between <HR><HR><H3>......<PRE></PRE> into different DIVs. In other words I will have 2 <DIV>. I have tried various selectors but unable to get the right jquery.

Answer 1

var h3 = $('hr+hr+h3'), prev = $(h3).prevAll('hr'), div = $('<div>'), next = $(h3).nextAll('pre')
if ( prev.length && h3.length == 1 && next.length ) {
    $(h3).after(div).appendTo(div)
    $(prev).prependTo(div)
    $(next).appendTo(div)
}

You can probably use that as an example if I misunderstood.