jquery - webkit中console.log jquery对象时如何查看DOM元素

Question

曾经能够在 jQuery 对象上执行 console.log，Chrome 会像 Elements Tab 一样输出相应的 DOM 元素。

现在它这样做了：

console.log($('body'));
[<body>, context: #document, selector: "body"]

如果你省略了 console.log，直接在控制台中输入，你可以得到旧的行为：

$('body')
[<body>…&lt;/body>]

这就是我要的！如何取回它，以便我以编程方式记录 jQuery 对象并让它们返回实时 DOM 对象，例如元素 Tab？

score 15 · Accepted Answer

这应该为你做：

console.log($('body')[0]);

jQuery 将元素包装在数组中的原因，因此您需要通过数组索引访问实际元素。

或者单击左侧的小三角形以展开输出，以便您可以与打印出来的元素进行交互。

score 0 · Accepted Answer

对于 Drupal 对象或其他不使用 $ 的框架，请使用以下内容：

console.log(jQuery('body')[0]);

或（使用旧语法）：

jQuery('body');

2 回答 2