如何将javascript变量添加到HTML图像src标记

Question

我知道这个答案在这里,但我一直无法找到它(或者至少在我看到它时就认出来了!).我是jquery的亲戚,所以请耐心等待.

问题:

我有20张图片,名为1.png 到20.png.我想在每次用户点击按钮时随机显示不同的图像.

什么工作:

我生成随机数的javascript代码如下所示:

var randomImage = 1 + Math.floor(Math.random() * 20);

什么不是......

我想要做的是将结果传递给我的HTML文档作为图像的名称,所以这是这样的:

 <img id="randImg" class="img_answer" src="randomImage.png">

我尝试连接,但似乎无法解决这个问题.我是否需要创建一个影响img ID或类的函数？谁能指出我最干净的方法呢？

Answer 1

var randomImage = 1 + Math.floor(Math.random() * 20);    
var imgName = randomImage+".png";
$("#randImg").attr("src",imgName);

演示:http://jsfiddle.net/a9Ltw/