jquery将html转换为字符串并转换为html。
我有以下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 ()、html()和parseHTML方法，但没有成功。
任何帮助都将不胜感激。
我做了个小提琴：
小提琴手例子
谢谢
更新
我想感谢大家的及时答复。根据我所提供的，古法正确地回答了这个问题。但我的代码并不像我展示的那么简单。Eman答案是最容易合并到我的代码流中的。希望我能选择两个答案。
这是我在做的一个例子。只是为了给你背景。有一个论坛，有一个叫做主题的论坛。每个主题都有一个标题和评论。视图和缩略图。每个主题可以有几个缩略图。为了查看缩略图以获得主题的预览，必须单击按钮。所以我希望这些缩略图不用点击就能自动显示。所以我所做的就是创建一个书签，它有一个iframe，它加载缩略图所在的页面。我把所有这些信息保存到一个数组中。所以，在jsfiddle中看到的例子可能看起来像是我正在拍摄图像并将其放到另一个数组中，但是我不想编写所有的代码来获取图像，所以为了简单起见，我选择了这样的方式来显示图像。
小提琴溶液
回答 6
Stack Overflow用户
发布于 2014-06-08 19:44:21
下面是你想要达到的目标的要点：
var nDiv = jQuery('<div />').append($('#img1'));
$('body').append(nDiv);如果要使用string方法，可以使用：
$('#img1')[0].outerHTML这将给出html字符串。
就像这样：http://jsfiddle.net/VttM4/3/
Stack Overflow用户
发布于 2014-06-08 19:43:15
$(‘#img1 1’)是一个选择器，它可以有许多结果。如果您想获得选择器的第一个元素，可以使用$(‘#img1 1’)。然后，根据结果的类型，您可以得到值、文本、属性或任何您想要的内容。
Stack Overflow用户
发布于 2014-06-08 19:45:06
要做到这一点，您需要将图像元素转换为HTML字符串。
您可以只创建元素，而不是首先为它们创建HTML代码。这将将图像移动到元素中：
var img = $('#img1');
var ndiv = $('<div>').css('border', '2px solid red').append(img);
$('body').append(ndiv);演示：http://jsfiddle.net/VttM4/4/
如果要复制图像元素，可以使用clone方法：
var img = $('#img1').clone();https://stackoverflow.com/questions/24110101
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号