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

【问题标题】：How to view DOM element when console.log jquery object in webkitwebkit中console.log jquery对象时如何查看DOM元素
【发布时间】：2012-11-15 20:46:42
【问题描述】：

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

现在它这样做了：

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

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

$('body')
[<body>…</body>]

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

【问题讨论】：

标签： jquery google-chrome webkit

【解决方案1】：

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

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

OR（使用旧语法）：

jQuery('body');

【讨论】：

【解决方案2】：

这应该为你做：

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

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

或者点击左边的小三角展开输出，这样就可以与打印出来的元素进行交互了。

【讨论】：