在图像中使用数组值？

Question

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

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

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

希望这是有道理的

谢谢

Answer 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>");

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

在图像中使用数组值？

Using array values in images?

html

javascript

jquery

image

append