如何在webkit中的console.log jquery对象中查看DOM元素

Glo*_*alz 10 jquery webkit google-chrome

用于能够在jQuery对象上执行console.log,Chrome将输出相应的DOM元素,如Elements选项卡.

现在它这样做:

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

如果省略console.log,并直接输入控制台,则可以获得旧的行为:

$('body')
[<body>?…?</body>?]
Run Code Online (Sandbox Code Playgroud)

这就是我要的!我如何得到它,所以我以编程方式记录jQuery对象并让它们返回像DOM一样的实时DOM对象?

sub*_*aze 15

这应该为你做:

console.log($('body')[0]);
Run Code Online (Sandbox Code Playgroud)

原因是jQuery包含数组中的元素,因此您需要通过数组索引访问实际元素.

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