jquery - 如何在 jQuery 中操作现有集合？

Question

我有一个带有 jQ​​uery 集合的变量，如下所示：

$collection = $(".example");

这给了我一堆带有“示例”类的节点。

现在，我想操纵该集合并保留结果，我认为它会像这样工作：

$(".example", $collection).filter(":even").addClass("even");

不幸的是，这似乎不起作用。每当我给它添加一个任务时，就像这样：

$collection = $(".example", $collection).filter(":even").addClass("even");

我得到一个空集合。

我想要的最终结果是让 $collection 集合中的所有 .example 类偶数项都具有“偶数”类。我不想仅用偶数 .example 元素替换 $collection 的内容。

Answer 1

尝试：

$collection.filter(":even").addClass("even");
or
$(".example").filter(":even").addClass("even");

当您定义$collection = $(".example");您正在做的事情
$(".example", $collection)是在具有示例类的项目中查找具有示例类的项目。

更好的是：

$(".example:even").addClass("even");

......会更直接一点。

更新：

$collection.filter(":even").addClass("even");

这样做不会覆盖$collection变量。

Answer 2

如果您只是想为evenhtml 中的偶数元素添加类，您可以使用它

$('.example:even').addClass('even');

Answer 3

$(".example", $collection)选择节点内.example的类元素。尝试仅使用. $collection$(".example")