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

Question

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

$collection = $(".example");

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

现在，我想操纵该集合并保留结果，我认为这样的结果如下：

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

不幸的是，这似乎不起作用。我随时都可以添加一个赋值，如下所示：

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

我得到一个空集合。

我想要的最终结果是将$ collection集合中的所有.example类甚至项目都设置为“even”。我不想仅使用偶数.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

如果您只想将even类添加到HTML中的偶数元素，则可以使用此

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

Answer 3

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