使用 jquery 或 javascript 更改滑块图像 src

Question

这是我的滑块html代码

 <div class="jcarousel">
   <ul class="clearfix">
      <li><img src="/c.3713628_SB2/site/Images/banner_hot_deal2.jpg"></li>   
      <li><img src="/c.3713628_SB2/site/Images
      /Banner_free_delivery_extend_west.jpg"></li>   
      <li><img src="/c.3713628_SB2/site/Images/banner_nationwide_delivery.jpg"></li>   
      <li><img src="/c.3713628_SB2/site/Images/banner_merries.jpg"></li>   
      <li><img src="/c.3713628_SB2/site/Images/banner_sep_promo.jpg"></li>   
      <li><img src="/c.3713628_SB2/site/Images/banner_aimedia.jpg"></li>   
      <li><img src="/c.3713628_SB2/site/Images/banner_diapers.jpg"></li>      
      <li><img src="/c.3713628_SB2/site/Images/banner_water.jpg"></li> 
    </ul>
  </div>

当从下拉列表中选择的值是日语的 ja_JP 时，我想更改此滑块的每个 img src。如果有人选择日语，我需要上传具有日语文本的图像。

这是我的代码，它给了我所选选项的值

<script  type="text/javascript">
var e = document.getElementById("shopperlanguage"); 
var strUser = e.options[e.selectedIndex].value;
 if(strUser=="ja_JP"){

<!-- here i need to add code to change each and every img src with different src -->
  }

</script>

我知道一种为 img 分配不同 id 的解决方案，但还有其他解决方案可以检查图像并分配不同的 src。

Answer 1

var myJapaneseImgSrcs=['http://example.com/j1.png','http://example.com/j2.png',...];

$(".jcarousel img").each(function(index,ele){
   $(this).attr('src',myJapaneseImgSrcs[index]);
});

未测试。

文档 - http://api.jquery.com/each/