jQuery特定のクラスの最初のxアイテムを選択します

特定の数のDOM要素を返すリトルjQuery関数call.getrange（）を書きました 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選択アイテムについてよく尋ねられる質問（FAQ）

jQueryの特定のクラスを使用して最初のアイテムを選択するにはどうすればよいですか？

jQueryの特定のクラスを持つ最初のアイテムを選択するには、クラスセレクターと：最初のセレクターの組み合わせを使用できます。クラスセレクターは、ピリオド（。）に続くクラス名で示され、次のクラスセレクターは、指定された型の最初の要素を選択するために使用されます。例は次のとおりです。

$（ "。myclass：first"）クラスセレクター（。）は、特定のクラスを持つすべての要素を選択するために使用されます。例は次のとおりです。

$（ "。myclass"） ：最後のセレクターは、指定されたタイプの最後の要素を選択するために使用されます。例は次のとおりです。

$（ "。myclass：last"）クラスセレクターを連結するだけです。例は次のとおりです。

$（ "。class1.class2"）。dosomething（）;
この例では、「class1」と「class2」の両方を持つ要素が選択されます。

jQueryの特定の要素内に特定のクラスを持つアイテムを選択するにはどうすればよいですか？

jQueryの特定の要素内に特定のクラスを持つアイテムを選択するには、子孫セレクター（スペース）を使用できます。例は次のとおりです。

$（ "div .myclass"）。dosomething（）;
この例では、div要素内のクラス「myclass」の要素が選択されます。クラスセレクターと：Hidden Selectorの組み合わせを使用できます。例は次のとおりです。

$（ "。myclass：hidden"） ：可視セレクター。例は次のとおりです。

$（ "。myclass：visible"）クラスセレクターと：disabledセレクターの組み合わせを使用できます。例は次のとおりです。

$（ "。myclass：disabled"）および：有効なセレクター。例は次のとおりです。

$（ "。myclass：enabled"）クラスセレクターと以下のセレクターの組み合わせを使用できます。例は次のとおりです。

$（ "。myclass：checked"）

以上がjQuery特定のクラスの最初のxアイテムを選択しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。