Javascript 如果需要，使用速记在图像之间切换

有两个图像和一个变量

var score = '0';
<div class="parent">
  <id ="trophy" src="imageTrophy.jpg" style="display:none"/>
  <id ="progressing" src="imageprogress1.jpg"/>
</div>

试试看

---

如果您愿意更改HTML，请使用单个

img

元素，并根据条件设置其

src

<div class="parent">
  <img src="" />
</div>

---

（分数='10'）$（“#赢”）.show（）$（“分数”）.hide（）：$（“#赢”）.hide（）$（“分数”）.show（）；谢谢，那太好了。但是我需要切换加载的图像。@Becky，你可以尝试

$（'.parent'）.find（'img:first'）.toggle（分数=10.end（）.find（'img:last'）.toggle（分数=10）

谢谢。看起来不错。你能解释一下

0:1

的作用吗？也就是说，像

.eq（0），.eq（1）

.eq（）

这样的索引数将起到从数组中提取元素的作用

.eq（0）

将获取第一个元素。

$（'.parent'）.find（'img'）.toggle（score==10）

也是吗？@Jai但OP希望始终基于分数显示单个图像。它将同时显示或隐藏这两者。对吗？

$('.parent').find('img').hide().eq(score == 10 ? 0 : 1).show();

<div class="parent">
  <img src="" />
</div>

var score = '0';
$('.parent img').prop('src' , function(){
    return score == 10 ? 'imageTrophy.jpg' : 'imageprogress1.jpg';
});