jquery - webkit中console.log jquery对象时如何查看DOM元素

标签 jquery google-chrome webkit

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

现在它执行以下操作:

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

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

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

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

最佳答案

这应该适合你:

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

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

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

关于jquery - webkit中console.log jquery对象时如何查看DOM元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13597646/

相关文章:

javascript - 适用于 Android 28 的 Chrome : HTML Canvas RadialGradient renders incorrectly

javascript - Onicecandidate 不会在第二台电脑上触发

html - 更改范围 slider 的颜色

JQuery AJAX BeforeSend CSRF 保护

jQuery - 如何选择没有类的元素?

javascript - Plupload uploadprogress 事件总是给 file.percent 作为 100

css - Div 元素在 Chrome 中下推,但在 IE 或 Firefox 中下推

css - 请帮助我了解移动版 Safari 的文本大小调整

javascript - console.log 在 Chrome 和 IE 中抛出错误

jquery - 保持正确值的问题