Question

可能重复：
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子结构。我想要'旧'格式。现在，我该怎么做？

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);
});