使用 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()选择器。