我如何在Chrome中控制jQuery DOM元素？

我曾经能够做console.log(somejQueryObj); 并且它在数组中记录了我可以单击并转到检查器的对象中的所有DOM元素。

现在它做了这样的事情：

[prevObject：p.fn.p.init [1]，context :, selector：“。next（）”]

这会让很多人感到困惑。

我该怎么做才能让Chrome记录它用于记录jQuery元素的方式？

这是一个小提琴的例子

我在：

谷歌浏览器23.0.1271.97（官方版本171054）m

更新：我制作了一个jQuery插件来恢复旧式日志记录： jquery.chromelog 。

您可以创建一个小函数来记录一行中的所有元素：

 $.fn.log = function() { console.log.apply(console, this); return this; };

用法：

 $("...").log();

要为每个元素执行此操作以便您可以将鼠标hover在它上面，请尝试以下操作：

 $("div").each(function(){console.log(this)})

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

是另一种方式

我找到了一个解决方案 ，如果需要可以单独记录它们（但如果它是BIG选择器，它可能会使日志混乱）：

 var log = function($selector) { $selector.each(function() { console.log(this); }); }; log($('selector'));