javascript - jquery 获取图片 HTML

Question

如何复制整个<img />使用 jquery。

目前我正在尝试:$('img').clone().html()

用法:

'<div class="content-left">'+$(this).find(".bar .info").html()+$(this).find(".bar img").clone().html()+'</div>';

Answer 1

要为 DOM 中的每个图像创建新副本，您可以选择它们并克隆它们，然后将它们附加到某个容器。

//store a clone of all the images in the DOM in a variable
var $clone = $('img').clone();

//now add the clones to the DOM
$('#newContainer').html($clone);

这是一个演示:http://jsfiddle.net/jasper/r3RDx/1/

更新

您可以像这样创建您的 HTML:

//create a new element to add to the DOM
//start by creating a `<div>` element with the `.content-left` class
//then add a string of HTML to this element
//then append a set of DOM elements (clones) to the same parent element (the `<div>`)
var $newElement = $('<div />').addClass('content-left').html($(this).find('.bar .info').html()).append($(this).find('.bar img').clone());

//then you can add the new element(s) to the DOM
$newElement.appendTo('#newContainer');

这是一个演示:http://jsfiddle.net/jasper/r3RDx/2/