16

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

现在它做了这样的事情:

[prevObject: p.fn.p.init[1], context: , 选择器: ".next ()"]

这会让很多人感到困惑。

如何使 Chrome 记录它用于记录 jQuery 元素的方式?

这是一个小提琴示例


我在:

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

4

4 回答 4

21

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


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

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

用法:

$("...").log();
于 2012-12-20T15:18:34.080 回答
5

要为每个元素执行此操作以便您可以将鼠标悬停在它上面,请尝试以下操作:

$("div").each(function(){console.log(this)})​
于 2012-12-20T15:00:03.703 回答
3
console.log($(...)[0]);

是另一种方式

于 2012-12-20T14:53:25.170 回答
1

我找到了一个解决方案,可以在需要时单独记录它们(但如果它是 BIG 选择器,它可能会使日志混乱):

http://jsfiddle.net/maniator/ya7As/

var log = function($selector) {
    $selector.each(function() {
        console.log(this);
    });
};
log($('selector'))​;
于 2012-12-20T15:01:05.650 回答