在选择器之间查找元素

Question

下面是我的 HTML 内容

<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>

我想将<HR><HR><H3>......<PRE></PRE> 之间的所有元素包装到不同的 DIV 中。换句话说，我将拥有 2 个<DIV>。我尝试了各种选择器，但无法获得正确的 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)
}

如果我理解错了，你可以用它作为例子。