控制檯輸出日誌與jQuery選擇給出了奇怪的輸出

Question

當我在Chrome的控制檯使用jQuery選擇了一類容器：

console.log($('li').closest('.container')); 

我希望有以下

<ul class="container>_</ul> 

的輸出

但是我得到以下輸出：

(2) [ul.emphasis.container, li.container, prevObject: n.fn.init(8), context: document] 

我如何獲得的輸出

Answer 1

jQuery的總是返回一個包含底層本地DOM節點和所有的定製方法的jQuery與它帶來的自定義對象。

在控制檯的結果是什麼jQuery對象的模樣。

如果你想在本地DOM節點，您可以使用get()

console.log($('li').closest('.container').get(0)); 

如果你想返回的HTML會得到大家的jQuery的收集

中第一個元素的基礎DOM節點，可以使用

$('li').closest('.container').get(0).outerHTML; // outer HTML 
$('li').closest('.container').html();   // inner HTML