如何选择两个相同标签之间的所有内容？

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 
});