如何選擇兩個相同標籤之間的所有內容？

Question

A similar question was asked before，但是我正在尋找使用下面只有HTML（即沒有類或ID屬性。）一個jQuery解決方案：

<h2>Foo</h2> 
<p>asdf</p> 
<ul><li>asdf</li></ul> 
<p>asdf</p> 
<h2>Bar</h2> 
<p>asdf</p> 
<p>asdf</p> 
<h2>Baz</h2> 
<p>asdf</p> 
<p>asdf</p> 

我想使用一些jQuery的，如：

$('h2').afterButBeforeNext('h2').doSomething(); 

這應該：

• 選擇所有指定的元素之後的兄弟元素，而是指定元素的下一次出現之前。
• 如果沒有結束元素，則選擇它下面的所有元素。

Answer 1

簡單的解決方案使用jQuery核心功能：

$('h2').nextUntil('h2').doSomething(); 

Jonathan Snook向我指出了jQuery 1.4功能，解決了這一點：

• nextUntil()

退房它的同級功能：

• nextAll
• ：
  • prevUntil
  • parentsUntil

  靈感來自

Answer 2

這個怎麼樣？

function selectBetween(node1,node2,parent) 
{ 
    var p = $(parent); 
    var n1 = p.find(node1); 
    var n2 = p.find(node2); 
    var results = []; 
    var start = false; 
    var end = false; 
    p.children().each(function() 
    { 
     if(!start && !end) 
     { 
      if($(this) === n1) 
      { 
       start = true; 
      } 
      results.push(this); 
      if($(this) === n2) 
      { 
       end = true; 
       return; 
      } 
     } 
    }); 
    return results; 
} 
var between = selectBetween($(parent).find('h2:first'), $(parent).find('h2:last'), parent); 

Answer 3

的上一個選擇應該是能夠做到這一點：http://docs.jquery.com/Selectors/siblings#prevsiblings

$("h2 ~ *:not(h2)").doSomething(); 

你仍然需要某種形式的ID或屬性來選擇只是一個單一的h2元素。

Answer 4

爲了證明，在H2標籤內容變紅，P，UL標籤內容變綠：

$('#container').children().each(function(){ 
    if(this.nodeName == 'H2'){ 
     $(this).css('color','red'); 
     $(this).nextAll().each(function(){ 
      if(this.nodeName != 'H2'){ 
       $(this).css('color','green'); 
      } 
     });   
     return false; //exit here to only process the nodes between the first H2 and second H2 found. 
    } 
}); 

請注意，我假設的#container在你的榜樣DIV未顯示。如果沒有容器使用$（body）.children（）。

Answer 5

你可以做這樣的事情：

var name = "h2"; 
$(name).each(function() { 
    var siblings = [], sibling=this.nextSibling; 
    while (sibling && sibling.nodeName.toLowerCase() != name) { 
     siblings.push(sibling); 
     sibling = sibling.nextSibling; 
    } 
    // siblings now contains an array of sibling elements that are not h2 
});