Как просмотреть элемент DOM, когда объект jQuery console.log в webkit

Используется для выполнения console.log для объекта jQuery, и Chrome выводит соответствующий элемент DOM, например вкладку Элементы.

Теперь он делает это:

console.log($('body'));
[<body>, context: #document, selector: "body"]

Если вы выйдете из console.log и введите прямо в консоль, вы можете получить старое поведение:

$('body')
[<body>​…​</body>​]

Это то, что я хочу! Как мне вернуть его, чтобы я записывал объекты jQuery программным образом и возвращал ли они объекты DOM в реальном времени, такие как элементы Tab?

Ответ 1

Это должно сделать это за вас:

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

Причина заключается в том, что jQuery обертывает элементы в массиве, поэтому вам нужно получить доступ к фактическому элементу через индекс массива.

Или щелкните маленький треугольник влево, чтобы развернуть вывод, чтобы вы могли взаимодействовать с выводимыми элементами.

Ответ 2

Для объектов Drupal или для других фреймворков, которые не используют $, используйте следующее:

console.log(jQuery('body')[0]);

ИЛИ (со старым синтаксисом):

jQuery('body');