jQuery映射函数将图像元素附加为对象

这是我的职责：

var listImg = params.list.find('img'), naviHtml = '<ul>';

$.map ( listImg, function ( img, i ) {

        naviHtml += '<li>'+ img + '</li>'
        //naviHtml += '<li><img width=150 height=50 src=' + $(img).attr('src') + '></li>'

    })

    naviHtml += '</ul>'

    console.log(naviHtml);

var listImg=params.list.find（'img'），naviHtml='
'；
$.map（列表img，函数（img，i）{
naviHtml+='
'+img+'
'
//naviHtml+='
'
})
naviHtml+='
'
console.log（naviHtml）；

当我控制台或附加到body元素时，它给出如下结果：

<ul><li>[object HTMLImageElement]</li><li>[object HTMLImageElement]</li><li>[object HTMLImageElement]</li><li>[object HTMLImageElement]</li><li>[object HTMLImageElement]</li><li>[object HTMLImageElement]</li><li>[object HTMLImageElement]</li><li>[object HTMLImageElement]</li></ul> 

[object-HTMLImageElement]
[object-HTMLImageElement]
[object-HTMLImageElement]
[object-HTMLImageElement]
[object-HTMLImageElement]
[object-HTMLImageElement]

---

由于我没有获取图像，如何将htmlimageElement对象设置为html常规元素？

通过创建标记并设置属性：

naviHtml += '<li><img width="'+img.width+'" height="'+img.height+'" src="'+img.src+'" /></li>';

naviHtml+='
'；

通过创建标记并设置属性：

naviHtml += '<li><img width="'+img.width+'" height="'+img.height+'" src="'+img.src+'" /></li>';

naviHtml+='
'；

var listImg=params.list.find（'img'），
$navi=$（“
”）；
$。每个（列表img，函数（img，i）{
$（“
”）.append（img）.appendTo（$navi）；
});
log（$navi.html（））；

var listImg=params.list.find（'img'），
$navi=$（“
”）；
$。每个（列表img，函数（img，i）{
$（“
”）.append（img）.appendTo（$navi）；
});
log（$navi.html（））；

我的注释行本身工作正常。但是我们不能直接附加源代码？我忘了可以直接将对象传递给jquery。看看托马拉克的回答不，你的建议对我的案子很有好处。我需要改变宽度和高度。谢谢我的评论行本身工作良好。但是我们不能直接附加源代码？我忘了可以直接将对象传递给jquery。看看托马拉克的回答不，你的建议对我的案子很有好处。我需要改变宽度和高度。thanksI将使用

$（img）.clone（）

而不仅仅是

img

。否则您将根据预期用途将获取的

img

移动到

@Engineer。如果

是新构造的，则不需要。我将使用

$（img）.clone（）

而不仅仅是

img

。否则您将根据预期用途将获取的

img

移动到

@Engineer。如果

是新构造的，则不需要。