首页 > 解决方案 > 如何在 jquery 中显示 outerHTML?

问题描述

我是 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 它向我显示这些数组和对象(检查此图像)控制台

我只需要在控制台中显示outerHTML(检查此图像) 在此处输入图像描述

标签: javascriptjquery

解决方案


你可以这样做:

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

这是一个类似的问题:Get selected element's external HTML


推荐阅读