javascript - jQuery选择器没有抓取元素

Question

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

$('.fail_vid')

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

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

它吐出类似的东西

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

这是怎么回事？我从来没有见过这样的事情，也不知道如何解决它。

score 2 · Accepted Answer

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

score 2 · Accepted Answer

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

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

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

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

$('.fail_vid')[0]

这只会检索您的选择器选择的第一个DOM 元素。如果您的选择器选择了多个DOM 元素，则可以在更高的索引处检索后续元素。您还可以通过不带任何参数的调用一次检索所有元素，作为一个数组。.get()

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

2 回答 2