在条件下更改图像SRC

Question

嘿伙计们，我正在尝试根据HTML中的变量显示图像。让我进一步解释......

我有这个HTML

<div class="container">
<span class="var">1</span>
<img class="varimg" src="" alt="" />
</div>

我希望jQuery分析span.var文本，如果它是：

1：返回“images / 1.jpg”

2：返回“images / 2.jpg”

3：返回“images / 3.jpg”

（只有3 ...）

然后将其注入img src ...

有可能吗？我一直在尝试，但我仍然是jQuery的新手...

提前多多感谢！

Answer 1

$('.varimg').each(function() {
   $(this).attr('src','images/'+$(this).prev().text()+'.jpg');
});

将此代码放入$（document）.ready（）

中

第二次编辑：修复它！点击here获取jsfiddle演示：）

Answer 2

试试这个..

imgSrc = 'images/'+$(".var").text()+'.jpg');
$('.varimg').attr('src',imgSrc );