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

时间:2012-11-28 04:06:44

标签: jquery google-chrome webkit

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

现在它做到了:

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

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

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

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

2 个答案:

答案 0 :(得分:15)

这应该适合你:

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

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

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

答案 1 :(得分:0)

对于Drupal对象或其他不使用$的框架,请使用以下命令:

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

OR(使用旧语法):

jQuery('body');