使用速记if在图像之间切换

Question

有2张图片和一个变量。

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

如何根据得分编写if语句速记以在这两个图像之间切换？

score == 10 ? $('.parent').find('img').toggle() : $('.parent').find('img').toggle();

Answer 1

尝试，

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

Answer 2

如果您愿意更改HTML，请使用单个img元素并根据条件设置其src。

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

脚本，它会设置＆＃39; src＆＃39;基于img变量值的score的属性。

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