2012-11-28 57 views
10

用於在jQuery對象上執行console.log,Chrome會輸出相應的DOM元素,如元素標籤。如何在webkit中console.log jquery對象時查看DOM元素

現在它這樣做:

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

如果你離開了的console.log,並直接輸入到調音臺就可以得到舊的行爲:

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

這就是我想要的!我如何恢復它,以便以編程方式記錄jQuery對象並讓它們像元素Tab一樣返回實時DOM對象?

回答

15

這應該爲你做它:

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

的原因是jQuery的包裝數組中的元素,所以你需要通過一個數組索引來訪問實際的元素。

或者單擊左側的小三角形展開輸出,以便可以與打印出的元素進行交互。

0

Drupal的對象,或者不使用$其他框架,使用以下命令:

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

OR(舊的語法):

jQuery('body');