jquery - 如何优雅地索引 jQuery 对象数组？

Question

我发现自己开始写这个:

$($("a-selector-which-returns-multiple-objects")[index]).SomejQueryFunctionForExampleShow()

因为我有一个返回多个对象的查询，所以 [index] 运算符返回 DOM 对象，而不是 jQuery 对象，所以我使用外部 将其转换回 jQuery 对象>$().

这工作正常，但看起来不太优雅，而且我觉得我缺少一些关于 jQuery 对象集索引的东西 - 执行此操作的正确方法是什么？

Answer 1

在您描述的情况下，您根本不必为元素建立索引。由于 JQuery 链接其命令的方式，您将在前一个选择器返回的所有元素上运行任何命令。

以下示例将隐藏所有 <a>元素:

$(document).ready(function() {
    $("a").hide();
});

如果它需要是一个特定的元素，您应该给它一个唯一的 ID 来选择:

$(document).ready(function() {
    $("#my-unique-id").hide();
});

如果您想将特定索引作为 JQuery 对象返回，则应使用 eq function .

$(document).ready(function() {
    $("a").eq(0).hide();
});

但同样，就您的情况而言，您根本不需要索引。