更改图片SRC条件

嘿家伙，我试图显示一个图像取决于我的HTML中的变量。让我进一步解释...更改图片SRC条件

我有这样的HTML

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

而且我想jQuery来分析span.var文字，然后如果是：

1：回归“图像/ 1 .JPG”

2：返回 “图像/ 2.JPG”

3：返回 “图像/ 3.JPG”

（将只有3 ...）

然后在IMG SRC注入它...

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

非常感谢提前！

来源

2011-03-24 Charleshaa

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

把这个代码在$（文件）。就绪（）

2日编辑：固定它！点击here了的jsfiddle演示:)

来源

2011-03-24 11:19:16 rsplak

好了，所以我想，它本身的附加价值到src。问题是我有几个“容器”，每个容器都包含一个图像。所以现在我有两个，“var”= 1。它为它们添加“images/11.jpg”...我怎么能告诉jQuery检查适当的“var”并将其附加到适当的图片？ – Charleshaa 2011-03-24 11:32:13

OMG非常感谢你，我不敢相信我没有想到！ – Charleshaa 2011-03-24 12:03:57

我很高兴我可以帮忙！祝你的项目好运！ – rsplak 2011-03-24 12:04:43

试试这个..

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

来源

2011-03-24 11:25:20 Vivek

是的，这也可以工作，但我会有上述评论中提到的同样的问题...感谢回复如此之快:) – Charleshaa 2011-03-24 11:36:56

更改图片SRC条件

回答

相关问题