带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]

如何获得<ul class="container>_</ul>

的输出

Answer 1

jQuery总是返回一个包含底层本机DOM节点的自定义对象以及jQuery带来的所有自定义方法。

控制台中的结果正是jQuery对象的样子。

如果您想要原生DOM节点，可以使用get()

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

将为您提供jQuery集合中第一个元素的基础DOM节点

如果您想要返回HTML，可以使用

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