jQuery选择特定类的第一个X项目

我写了一个小jQuery函数调用.getRange（），该函数返回特定数量的DOM元素 针对jQuery选择器（即基于指定类或ID的元素）。它使用jquery.get（）函数，基本上是其中的扩展，但允许返回一系列元素。 首先，您应该知道要获得这样的第一个和最后一个元素：

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

为了获得与指定类匹配的所有元素：

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

或这样的n个元素：

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

但是如何说出前10个要素或元素10-20呢？ 去做类似的事情真是太好了：

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

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

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

输出： 它是这样起作用的，但是我认为这不是一个最佳解决方案，所以有人知道实现这一目标的更好方法吗？

>常见问题（常见问题解答）有关jQuery选择特定类

的项目

>如何在jQuery中使用特定类的第一个项目？

在JQuery中选择具有特定类的第一个项目，您可以使用类选择器的组合和：第一选择器。类选择器用（。）随后是类名称表示，并且使用：第一个选择器用于选择指定类型的第一个元素。以下是一个示例：

$（“。myclass：first”）。dosomething（）;
在此示例中，将选择“ myClass”类的第一个元素。

>

我可以在jquery中选择具有同一类的多个项目吗？类选择器（。）用于选择具有特定类的所有元素。以下是一个示例：

$（“。myclass”）。dosomething（）;
>在此示例中，所有具有“ myClass”类的元素将被选中。

>

>

我如何选择jQuery中的特定类中的最后一堂课？ ：最后选择器用于选择指定类型的最后一个元素。以下是一个示例：

$（“。myclass：last”）。dosomething（）;
在此示例中，将选择“ myClass”类的最后一个元素。
>我可以在jQuery中选择一个带有多个类的项目吗？您只需要加入类选择器即可。以下是一个示例：

$（“。class1.class2”）。dosomething（）;

在此示例中，将选择具有“ class1”和“ class2”的元素。

>

>如何在jQuery中的特定元素中选择具有特定类的项目？

>在jQuery中的特定元素中选择一个特定类的项目，您可以使用后代选择器（Space）。以下是一个示例：

$（“ div .MyClass”）。dosomething（）;
>在此示例中，将选择具有“ myclass”类的元素。

我可以选择隐藏在jquery中的特定类别吗？您可以使用类选择器的组合和：隐藏的选择器。以下是一个示例：

$（“。myclass：hidden”）。dosomething（）;
>在此示例中，将选择“ myclass”类的隐藏元素。

>

>我如何选择与jquery中可见的特定类别的特定类别的特定级别的类别？ ：可见选择器。以下是一个示例：

$（“。myclass：cisible”）。dosomething（）;
>在此示例中，将选择具有“ myclass”类的可见元素。

>我可以在JQUERY中禁用​​特定类别的特定类别的特定类别，您可以选择与特定的类别一起使用的特定类别的特定类别。您可以使用类选择器的组合和：禁用的选择器。以下是一个示例：

$（“。myclass：disabled”）。dosomething（）;
>在此示例中，将选择“ myclass”类的禁用元素。
>
>如何使用JQUERY中启用的特定级别的特定级别的jquery类别？选择器和：启用选择器。以下是一个示例：

$（“。myclass：enabled”）。dosomething（）;

>在此示例中，将选择使用“ myclass”类的启用元素。

>我可以在jquery中选择特定类别的特定类别的项目吗？您可以使用类选择器的组合和：检查的选择器。这是一个示例：

$（“。myclass：chepled”）。dosomething（）;

在此示例中，将选择带有“ myclass”类的检查元素。

>

以上是jQuery选择特定类的第一个X项目的详细内容。更多信息请关注PHP中文网其他相关文章！