2012-11-28 5 views
10

Verwendet wird, um eine console.log für ein jQuery-Objekt auszuführen, und Chrome würde das entsprechende DOM-Element wie die Registerkarte Elemente ausgeben.So zeigen Sie das DOM-Element an, wenn das jquery-Objekt console.log im Webkit

Jetzt tut es das:

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

Wenn Sie die console.log auslassen und direkt in die Konsole geben Sie das alte Verhalten bekommen kann:

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

Das ist, was ich will ! Wie bekomme ich es zurück, also protokolliere ich jQuery-Objekte programmatisch und lasse sie Live-DOM-Objekte wie die Elemente Tab zurückgeben?

Antwort

15

Dies sollte es für Sie tun:

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

Der Grund dafür ist jQuery Elemente in einem Array Wraps, so dass Sie das eigentliche Element über ein Array-Index zugreifen müssen.

Oder klicken Sie auf das kleine Dreieck auf der linken Seite, um die Ausgabe zu erweitern, so dass Sie mit den Elementen interagieren können, die ausgedruckt werden.

0

Für Drupal Objekte oder für andere Frameworks, die nicht $ verwenden verwenden Sie die folgenden Schritte aus:

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

OR (mit der alten Syntax):

jQuery('body'); 
Verwandte Themen