您可以在之前缓存的 jQuery 选择器上使用第 n 个子选择器吗？

Question

使用 DOM 时，我倾向于缓存一个项目，检测它是否存在，然后执行一些工作。像这样：

var $fooModules = $j('.foo-modules');

if ($fooModules .length > 0) {
    //do something.
}

但是，我如何处理使用像 nth-child 这样的 jQuery 选择和我的缓存选择器？

我知道我不能这样做：

        $j($fooModules:nth-child(3n).addClass('myClass');

你会做什么来解决这个常见问题？

谢谢

-R

Answer 1

您可以使用 .filter() 使用选择器或函数，如下所示：

$fooModules.filter(":nth-child(3n)").addClass('myClass');