JQuery 在 for 循环中附加图像答案

【问题标题】：JQuery append images in a for loopJQuery 在 for 循环中附加图像
【发布时间】：2021-03-03 07:03:00
【问题描述】：

我正在尝试将同一图像多次附加到 for 循环内的 div 元素。但是，我得到的输出只是“[object HTMLImageElement]”。 stuffDisplayed 变量在文件顶部初始化为 48。

var stuff = new Image();
stuff.src = "images/stuff.png";

function createStuff()
    {
        var stuffPerRow = 8;
        var numRows = stuffDisplayed / stuffPerRow;
        
        for (var i = 0; i < numRows; i++)
        {
            $("#stuff").append('<div id="row' + i + '"></div>');
            
            for (var j = 0; j < stuffPerRow; j++)
            {
                $("#row" + i).append("<a src=" + stuff.src + " href=#>" + stuff + "</a>");   
            }
        }
    }

【问题讨论】：

标签： jquery image for-loop append

【解决方案1】：

您不能将 DOM 元素连接到字符串。只需使用<img> HTML。

var stuff = '<img src="images/stuff.png">';

【讨论】：