jQuery 选择器的第一个 x 项特定的类

我一直在研究这个。根据指定的类获取特定数量的DOM元素。

下面是优化版本。

首先，获得基本要素的基本知识如下：

var firstSpan = $('span.class:first'),
    lastSpan = $('span.class:last');

要获得与指定类匹配的所有元素，如下所示：

var allSpans = $('span.class').get();

或第n / xth个元素，如下所示：

var firstSpan = $('span.class').get(0),
    secondSpan = $('span.class').get(1);
    //etc...

但是如何说前10个元素或10-20个元素呢？

最好执行以下操作：

var mySpans = $('span.class').get(0,10);

不幸的是，.get（）函数不允许传递范围，而只能传递一个索引。 因此，这是尝试使用jQuery .get（）函数来包含一系列元素的尝试。

(function($)
{
  //function that gets a range of dom elements against a jQuery selector
  //returns an array of dom elements
  $.fn.getRange = function(start,end)
  {
    var elems = [];
    for ( var i = start; i < = end; i++ )
    {
      elems.push(this.get(i));
    }
    return elems;
  };

  //testing
  console.log($('div').getRange(1,10));
  console.log($('div').getRange(10,20));

})(jQuery);
[/js]

Does anyone know of a better way to achieve this?
Optimised versions Thanks to Vlad, Redky and Daniel. Using slice. [js] var $el = $('div').get().slice(0,10); console.log($el);​

使用：gt：lt

console.log($('div:gt(3):lt(6)'));​

原文链接: https://www.sitepoint.com/jquery-selector-10-items-specific-class/