In jQuery, wie wähle ich Elemente zwischen Elementen mit bestimmten Klassen?

Question

Ich habe eine ungeordnete Liste.

<ul> 
    <li class="foo">Baz</li> 
    <li>Select Me!</li> 
    <li>Select Me!</li> 
    <li>Select Me!</li> 
    <li class="bar">Baz</li> 
    <li>Don't Select Me</li> 
    <li>Red Herring List Item</li> 
</ul> 

Wie wähle ich die Listenelemente zwischen den Listenelementen mit Klassen foo und bar mit jQuery? Ich kenne den Inhalt von Listenelementen nicht. Ich weiß auch nicht, wie viele Listenelemente ausgewählt werden müssen, damit ich mich nicht auf eine Zählung verlassen kann.

Answer 1

$('li.foo').nextUntil('li.bar') 

http://jsfiddle.net/zZRDB/1/

Answer 2

var $elements = $('.bar').prevUntil('.foo'); 

Oder andersrum:

var $elements = $('.foo').nextUntil('.bar'); 

Demo

---

Wenn Sie Interesse zu wissen, dass, wie es implementiert ist, check out the source code:

nextUntil: function(elem, i, until) { 
    return jQuery.dir(elem, "nextSibling", until); 
}, 
prevUntil: function(elem, i, until) { 
    return jQuery.dir(elem, "previousSibling", until); 
},​ 

dir: function(elem, dir, until) { 
    var matched = [], 
     cur = elem[dir]; 

    while (cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery(cur).is(until))) { 
     if (cur.nodeType === 1) { 
      matched.push(cur); 
     } 
     cur = cur[dir]; 
    } 
    return matched; 
},​ 

Answer 3

Versuchen,

$('li.bar').prevUntil('.foo') 

DEMO

Answer 4

var index1 = $('li.foo').index(), 
    index2 = $('li.bar').index()-1; 

    $('li:gt('+ index1+'):lt('+ index2+')', 'ul'); 

oder $('li.foo').nextUntil('li.bar');

oder $('li.bar').prevUntil('li.foo');