Chrome console.log 行为 [重复]答案

【问题标题】：Chrome console.log behavior [duplicate]Chrome console.log 行为 [重复]
【发布时间】：2012-11-29 05:02:19
【问题描述】：

可能重复：
console.log jquery element on chrome look strange

假设纯 jQuery console.log( $('form') ) 示例。

大约一个月前，Google Chrome 控制台输出格式为：

[
<form class="edit" data-subdomain="f661a0b98992">…</form>
]

我可以扩展，看到孩子等等。

最近 console.log 输出如下内容：

[<form>, context: <form>]

这也是一个可扩展对象，但它包含对我来说不必要的信息，我找不到“干净”的 HTML 子结构。我想要“旧”格式。现在，我该怎么做？

【问题讨论】：

【解决方案1】：

您可以使用.get() 将jQuery 对象转换为数组。

console.log($('form').get())

或者您可以循环并记录每个元素：

$('form').each(function(){
    console.log(this);
});

【讨论】：

【解决方案2】：

你正在记录一个 jQuery 对象；除了元素之外，还有很多东西。如果您只想查看元素，请执行以下操作：

console.log( $("form").get() ); // .get() returns an array of elements

【讨论】：

【解决方案3】：

试试这个：

console.log($('form')[0])

【讨论】：