在条件下更改图像SRC

时间:2011-03-24 11:16:03

标签: jquery image conditional-statements src

嘿伙计们,我正在尝试根据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的新手...

提前多多感谢!

2 个答案:

答案 0 :(得分:0)

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

将此代码放入$(document).ready()

第二次编辑:修复它!点击here获取jsfiddle演示:)

答案 1 :(得分:0)

试试这个..

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