如何選擇兩個元素之間的所有元素

Question

我想選擇兩個給定元素之間的所有元素。 我有像這樣的HTML ...

<h2>This is firsty</h2>
<p>Some para</p>
<ul>
  <li>list items</li>
  <li>list items</li>
  <li>list items</li>
  <li>list items</li>
  <li>list items</li>
</ul>
<h2>Secondy</h2>
<p>More text</p>

我想選擇從第一個h2到第二個h2 ，所以我可以將它包裝在一個div ，最后包含在自己的包裝器中的所有部分。

Answer 1

我建議：

var elems = $('h2:first').nextUntil('h2');

或者，執行實際包裝：

$('h2:first').nextUntil('h2').wrapAll('<div />');

更一般地說：

$('h2').each(
    function(i,e) {
        $(this)
            .nextUntil(this.tagName)
            .wrapAll('<div />');
    });​

JS小提琴演示 。

為了包含起始元素，只需使用andSelf()作為選擇器鏈的一部分：

$('h2:first').nextUntil('h2').andSelf().wrapAll('<div />');

JS小提琴演示 。

參考文獻：

• andSelf() 。
• nextUntil() 。
• wrapAll() 。