在图像中使用数组值？ [关闭]答案

【问题标题】：Using array values in images? [closed]在图像中使用数组值？ [关闭]
【发布时间】：2016-04-07 23:48:59
【问题描述】：

我有一些值为 1 - 10 E.G. 的图片。 img1.png、img2.png 等

我还有一些返回数字的代码。我想要的是让返回的数字附加一个图像。我的代码在下面，我无法让它正常工作。没有图像它返回一个正常的数字，但有了它我得到一个空白返回。

$("#ext-row").append("<div class='container returnedInfo'><div class='col-md-2 wordValue'> <img src'/Content/Images/img'" + items[i].WordScore + ".png</div>

希望这是有道理的

谢谢

【问题讨论】：

items 数组是什么样的？另请注意，您的 img 元素缺少结束 />
@RoryMcCrossan 看起来 img src 也缺少 =。也许应该是：<img src='/Content/Images/img'
@redditor 很好发现 - 我错过了。

标签： javascript jquery html image append

【解决方案1】：

您的标记有问题：

src 旁边没有=
您在附加图像之前关闭了 src 属性值
你从来没有关闭过img标签

<img src'/Content/Images/img'" + items[i].WordScore + ".png

正确的代码：

$("#ext-row").append("<div class='container returnedInfo'><div class='col-md-2 wordValue'> <img src='/Content/Images/img" + items[i].WordScore + ".png' /></div>");

还要确保您提供的图片路径有效。

【讨论】：