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

Nea*_*eal 16 jquery logging google-chrome

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

现在它做了这样的事情:

[prevObject:p.fn.p.init [1],context :, selector:".next()"]

这会让很多人感到困惑.

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

这是一个小提琴的例子


我在:

谷歌浏览器23.0.1271.97(官方版本171054)m

pim*_*vdb 19

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


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

$.fn.log = function() {
  console.log.apply(console, this);
  return this;
};
Run Code Online (Sandbox Code Playgroud)

用法:

$("...").log();
Run Code Online (Sandbox Code Playgroud)


小智 5

为此,请对每个元素进行悬停,然后尝试执行以下操作:

$("div").each(function(){console.log(this)})?
Run Code Online (Sandbox Code Playgroud)