選擇兩個特定元素之間的所有元素

Question

我需要選擇所有a標籤從<a class="self">到<a class="next">。以下是示例

<span class="pages"> 
    <a class="prev">&nbsp;</a> 
    <a>13</a> 
    <a>14</a> 
    <a>15</a> 
    <a>16</a> 
    <a class="self">17</a> 
    <a>18</a> 
    <a>19</a> 
    <a>20</a> 
    <a>21</a> 
    <a class="next">&nbsp;</a> 
</span> 

還有href的屬性。上課前我不想得到任何東西self。我希望從self到span元素結束。

Answer 1

nextUntil^[docs]會得到a.self和a.next，之間的所有a元素排除他們：

$('a.self').nextUntil('a.next', 'a'); 

如果要包括他們，只要使用.nextAll^[docs]：

$('a.self').nextAll('a').andSelf(); 

Answer 2

希望這可以幫助別人;它是包容性的，這意味着它會發送最後一個元素，以及調用該方法的元素。

/** 
* jQuery.fn.getRangeElements 
* 
* @access public 
* @parma HTMLElement|jQuery element 
* @return Array 
*/ 
jQuery.fn.getRangeElements = function(element) { 
    var $element = jQuery(element); 
    if (jQuery.inArray(element[0], this.siblings()) === -1) { 
     return []; 
    } 
    var $prevAll = this.prevAll(); 
    if (jQuery.inArray(element[0], $prevAll) !== -1) { 
     var $prevUntil = this.prevUntil($element), 
      set = []; 
     $prevUntil.each(function(index, element) { 
      set.push($(element)); 
     }); 
     set.unshift(this); 
     set.push($element); 
     return $(set); 
    } 
    var $nextUntil = this.nextUntil($element), 
     set = []; 
    $nextUntil.each(function(index, element) { 
     set.push($(element)); 
    }); 
    set.unshift(this); 
    set.push($element); 
    return $(set); 
};