javascript - Chrome console.log 行为

Question

可能重复：
chrome 上的 console.log jquery 元素看起来很奇怪

假设简单的 jQueryconsole.log( $('form') )示例。

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

[
<form class=​"edit" data-subdomain=​"f661a0b98992">​…​&lt;/form>​
]

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

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

[<form>, context: <form>]

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

Answer 1

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

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

Answer 2

尝试这个：

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

Answer 3

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

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

或者您可以遍历并记录每个元素：

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