在选择器之间查找元素

时间:2009-09-21 06:38:06

标签: jquery css-selectors

以下是我的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。

1 个答案:

答案 0 :(得分: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)
}

如果我误解了,你可以用它作为例子。