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

Question

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

现在它做了这样的事情：

  

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

可能会混淆many people。

如何让Chrome记录用于记录jQuery元素的方式？

Here is a fiddle example

---

我在：

  

Google Chrome 23.0.1271.97（官方版本171054）m

Answer 1

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

---

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

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

用法：

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

Answer 2

要为每个元素执行此操作以便将鼠标悬停在其上，请尝试以下操作：

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

Answer 3

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

是另一种方式

Answer 4

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

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

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