在jQuery中，如何選擇具有某些類的元素之間的元素？

Question

我有一個無序列表。

<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> 

如何在使用jQuery的類foo和bar列表項之間選擇列表項之間的列表項？我不知道任何列表項的內容。我也不知道需要選擇多少個列表項，所以我不能依賴一個計數。

Answer 1

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

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

Answer 2

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

或者其他方式：

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

Demo

---

如果你位數的知道它是如何實現的，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

嘗試，

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

DEMO

Answer 4

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

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

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

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