div - jquery selector

¿Cómo uso console.log un elemento DOM jQuery en Chrome?

Question

Solía ​​poder hacer console.log(somejQueryObj); y registró en una matriz todos los elementos DOM que están en el objeto en el que podía hacer clic e ir al inspector.

Ahora hace algo como esto:

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

Lo que puede confundir a mucha gente .

¿Cómo lo hago para que Chrome registre cómo se utiliza para registrar elementos jQuery?

Aquí hay un ejemplo de violín.

Estoy en:

Google Chrome 23.0.1271.97 (versión oficial 171054) m

Answer 1

He encontrado una solución que los registraría individualmente si fuera necesario (pero podría saturar el registro si es un selector GRANDE):

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

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

Answer 2

Para hacerlo para cada elemento para que puedas moverte sobre él, prueba algo como esto:

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

Answer 3

Actualización: hice un complemento de jQuery para recuperar el registro de estilo antiguo: jquery.chromelog .

Podría crear una pequeña función para registrar todos los elementos en una línea:

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

Uso:

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

Answer 4

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

es otra manera