jQuery 选择器不返回 jQuery 对象

Question

我正在使用 jQuery，但遇到了一些问题。我有一堆具有特定类别的 DIV，我正在尝试选择其中的第一个。由于页面布局(长话短说)，我无法使用 first-child 伪类。但我可以通过将 jQuery 对象视为数组来获得相同的效果。我的问题是，这不会返回 jQuery 对象，而是返回一个普通的 Javascript 对象(特别是 HTMLDivElement)。

$("#wizard div.collapsible")[0].addClass("selected");

失败是因为返回的对象没有 addClass 函数。如果我使用 .get(0) 也会失败。然而，这确实有效。

$($("#wizard div.collapsible")[0]).addClass("selected");

有没有一种方法可以做到这一点而不必使用双 jQuery 选择器？ (并不是说这有什么大不了的，但看起来有点令人困惑。)

Answer 1

这就是eq和 first函数做。 eq 通过基于 0 的索引从选择中获取元素，而 first 仅获取选择中的第一个元素。

$("#wizard div.collapsible").eq(0).addClass("selected");
$("#wizard div.collapsible").first().addClass("selected");

有趣的是，您实际上已经找到了获取包含另一个选择中的第一个元素的 jQuery 选择的最快方法:

$($("#wizard div.collapsible")[0]).addClass("selected");

这不是一个很好的方法，因为它很难阅读，而且性能优势微乎其微，但它是最快的!