控制台输出日志与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