在图像中使用数组值?

时间:2016-01-04 11:16:45

标签: javascript jquery html image append

我有一些价值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>

希望这是有道理的

由于

1 个答案:

答案 0 :(得分:4)

您的标记存在问题:

  • 在{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>");

另外,请确保您提供的图片路径有效。