JQuery选择器没有抓取元素

Question

我正在尝试一个相对简单的jQuery选择器，类似于我以前做过数百次的那些，类似于：

$('.fail_vid')

然而，不是像我期望的那样返回元素，即

<div class="fail_vid"></div>

它会吐出像

这样的东西

<div>, prevObject: jQuery.fn.jQuery.init[1], context: #document, selector: ".fail_vid"

发生了什么事？我从来没有见过这样的东西，也不知道如何解决它。

Answer 1

你得到的输出是一个jQuery对象作为Chrome的输出（我认为23）。关联的元素存储为数组索引。所以没有钥匙的东西都是元素。

Answer 2

您看到的输出只是$('.fail_vid')语句返回的jQuery对象的表示。

如果您想要实际的DOM元素，请使用.get()方法检索它：

$('.fail_vid').get(0)

您也可以直接访问元素数组，如下所示：

$('.fail_vid')[0]

这只检索选择器选择的第一个 DOM元素。如果您的选择器选择多个 DOM元素，则可以在更高的索引处检索后续元素。您也可以通过调用.get()而无需任何参数，一次性检索所有元素。

相关问题：How to get a DOM Element from a JQuery Selector

---

要确保仅在加载所有DOM元素后执行脚本，您可以在文档末尾包含脚本，或使用$(document).ready()。