我有以下html：
<body>
<div>
<img id ="img1" src="http://aboveandbeyondkm.com/wp-content/uploads/2013/11/Angry-Birds-HD-Wallpaper.png" style="width:100px; height:100px;"/>
</div>
</body>
和以下javascript：
var array1 = [];
array1[0] = $('#img1');
var ndiv = "<div style='border: 2px solid red;'>" + array1[0] + "</div>";
$('body').append(ndiv);
这是我要达到的目标的简化版本，但这是我遇到困难的基础。
当我追加ndiv时，它不会追加图像，因为它是一个对象。我没有运气尝试了jQuery text（），html（）和parseHTML方法。
任何帮助将不胜感激。
我做了一个jsfiddle：
谢谢
更新
我要感谢大家的迅速答复。Guffa根据我提供的内容正确回答了这个问题。但是我的代码并不像我介绍的那么简单。Eman Z的答案是最容易集成到我的代码流中的。希望我可以选择两个答案。
这是我正在做的事的一个例子。只是给一个背景。有一个论坛，其中有一个叫做主题的东西。每个主题都有标题，评论。视图和缩略图。每个主题可以有几个缩略图。为了查看缩略图以预览主题，必须单击一个按钮。因此，我希望缩略图自动显示而无需单击。因此，我要做的是创建一个具有iframe的小书签，该iframe可以加载缩略图所在的页面。我将所有这些信息保存到数组中。因此，您在jsfiddle中看到的示例似乎是我正在拍摄图像并将其放入另一个数组中，但是我不想编写所有代码来获取图像，因此为了简化起见，我选择以这种方式显示它。
这是您要实现的目标的要点：
var nDiv = jQuery('<div />').append($('#img1'));
$('body').append(nDiv);
如果要使用字符串方法，可以使用：
$('#img1')[0].outerHTML
这将为您提供html字符串。
就像这样：http : //jsfiddle.net/VttM4/3/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句