jquery - 更改部分图像来源

标签 jquery html image

我想问的问题是,jQuery 是否有可能改变图像源的一部分? HTML 代码很简单,如

<img src="numbers/gray/1.png" alt="green" width="44" height="46" /> 
<img src="numbers/gray/5.png" alt="green" width="44" height="46" /> 

所以[有两个文件夹'/gray/'和'/green/'],我可以(例如点击链接“变成绿色”)改变源的“/gray/”部分吗使用“/green/”,同时保留源的每个个人端。

最佳答案

试试这样的:

$(function(){
  $('#myLink').click(function(){
    $('img').each(function(){
      var $this = $(this)
      $this.attr('src',$this.attr('src').replace('gray','green'))
    })
  })
})

关于jquery - 更改部分图像来源,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12396925/

相关文章:

javascript - 当我将 hidden-xs 按钮与 bootstrap (Angular) 一起使用时,单击两次按钮

html - 横向移动网站不会向下滚动

javascript - 如何动态调整图像大小 - CSS/HTML

image - openshift imagestream 不跟踪私有(private) docker 存储库

javascript - 图像选择在 xzoom 插件中无法正常工作

javascript - 使用 HTML、CSS 和 JavaScript 的多平台桌面应用程序框架

javascript - 检测 AJAX 调用循环何时完成

javascript - 如果歌剧 - CSS 有什么不同?

jquery - Bootgrid 求和列并在页脚中显示结果

jquery - css3 和 jquery 中的 rotateY 和宽度关系