如何在jquery中显示outerHTML？

Question

我是Jquery的新手。我需要在chrome控制台中显示outerHTML，但我不能。下面是代码。

var presetsContainer = $('#presets');
var deletePresetLayoutLayer = $('#delete-preset-layout-layer');
var painterContextMenuLayer = $('#painter-context-menu-layer');
var relateAreaLayer = $('#relate-area-layer');
var layoutCanvas = $('#layout-canvas');
var layoutImage = layoutCanvas.find('img');

console.log(layoutImage);

当我控制台layoutImage时，它向我显示了这些数组和对象(查看此图像) console

我所需要做的就是在控制台中显示outerHTML (查看此图片) enter image description here

Answer 1

你可以这样做：

var outer_html = $('<div />').append(layoutImage.clone()).html();
console.log(outer_html);

这里有一个类似的问题：Get selected element's outer HTML