jquery - Jqueryを使用してリスト内のいくつかのdivを取得する

Question

私の質問は非常に単純に見えます。同じクラス「myClass」を共有するdivのリストがあるとします。Jqueryを使用して、$ i番目の最初のdiv（iは任意の整数）を変数に格納して、一度に操作できるようにします（クラスの追加、これらすべての切り替え）。どうやってやるの ？

Answer 1

これを試して：

var i=6;
$(".myClass").slice(0,i).each(function(){
       //do whatever you want here. 
       //`this` is a jQuery object of the div element. For example:
       $(this).addClass("newClass");
});

Answer 2

複数の要素を操作する場合は、いくつかのオプションがあります。これは$(selector)、有効な要素の選択を返し、i関連する番号を保持していると想定しています。

// hides all divs greater than the `i`-th
$(selector + ':gt(' + i + ')').hide();

一般的なJSフィドルデモ。または：

// hides all divs less than the `i`-th
$(selector + ':lt(' + i + ')').hide();

一般的なJSフィドルデモ。

明らかに、の代わりに必要なjQueryメソッドを使用してくださいhide()。

参照：

• :gt()セレクター。
• :lt()セレクター。