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中文網其他相關文章！