jquery - webkitでconsole.logjqueryオブジェクトを表示するときにDOM要素を表示する方法

Question

以前はjQueryオブジェクトでconsole.logを実行でき、Chromeは[要素]タブなどの対応するDOM要素を出力していました。

今それはこれを行います：

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

console.logを省略し、コンソールに直接入力すると、古い動作を取得できます。

$('body')
[<body>…&lt;/body>]

これが私が欲しいものです！プログラムでjQueryオブジェクトをログに記録し、要素TabなどのライブDOMオブジェクトを返すようにするには、どうすれば元に戻すことができますか？

score 15 · Accepted Answer

これでうまくいくはずです：

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

その理由は、jQuery が配列内の要素をラップするため、配列インデックスを介して実際の要素にアクセスする必要があるためです。

または、左側の小さな三角形をクリックして出力を展開し、印刷された要素を操作できるようにします。

score 0 · Accepted Answer

Drupal オブジェクトの場合、または $ を使用しないその他のフレームワークの場合は、次を使用します。

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

または (古い構文を使用):

jQuery('body');

2 に答える 2