Как я могу console.log элемент JQuery DOM в Chrome?

Я имел обыкновение делать console.log(somejQueryObj);, и он регистрировал в массиве все элементы DOM, которые находятся в объекте, который я мог щелкнуть, и перейти к инспектору.

Теперь он делает что-то вроде этого:

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

который может смутить многих людей.

Как сделать так, чтобы Chrome регистрировал, как он использовался для записи элементов jQuery?

Вот пример скрипта

Я нахожусь:

Google Chrome 23.0.1271.97 (Official Build 171054) m

Ответы

Ответ 1

Обновление: Я создал плагин jQuery, чтобы вернуть старый журнал: jquery.chromelog. p >

Вы можете создать небольшую функцию для регистрации всех элементов в одной строке:

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

Использование:

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

Ответ 2

Чтобы сделать это для каждого элемента, чтобы вы могли нависнуть над ним, попробуйте что-то вроде этого:

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

Ответ 3

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

- это еще один способ

Ответ 4

Я нашел решение, которое будет регистрировать их индивидуально, если это необходимо (но это может загромождать журнал, если это BIG-селектор):

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

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