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 का उपयोग कर कक्षाओं और बार के साथ सूची आइटमों के बीच सूची आइटमों का चयन कैसे करूं? मैं किसी भी सूची आइटम की सामग्री नहीं जानता। मुझे यह भी नहीं पता कि कितने सूची आइटम चुने जाने हैं ताकि मैं गिनती पर निर्भर न हो।

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

---

आप को पता है कि यह कैसे लागू हो जाता है intersted रहे हैं, 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

प्रयास करें,

$('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');