Trong jQuery, làm cách nào để chọn các phần tử giữa các phần tử với các lớp nhất định?

Question

Tôi có một danh sách không có thứ tự.

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

Làm cách nào để chọn các mục danh sách giữa các mục danh sách với các lớp foo và thanh bằng jQuery? Tôi không biết nội dung của bất kỳ mục danh sách nào. Tôi cũng không biết có bao nhiêu mục danh sách được chọn nên tôi không thể phụ thuộc vào số lượng.

Answer 1

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

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

Answer 2

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

Hoặc cách khác:

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

Demo

---

Nếu bạn marry biết làm thế nào nó được thực hiện, 012.382.:

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

Cố gắng,

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

DEMO

Answer 4

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

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

hoặc $('li.foo').nextUntil('li.bar');

hoặc $('li.bar').prevUntil('li.foo');