【问题标题】:Changing part of an image SRC with jQuery?使用 jQuery 更改图像 SRC 的一部分?
【发布时间】:2012-03-10 10:57:36
【问题描述】:

我今天遇到了一个问题,我想知道我是否可以解决它。有没有办法获取每个元素(ol.notes .avatar - 有多个 ol.notes .avatar)并用它们替换部分图像 SRC?每个图像都以 _16.png 结尾,但我需要 jQuery 将 _16.png 替换为 _48.png。有没有办法做到这一点?

我现在拥有的(不工作)

    $('ol.notes .avatar').each(function(){
    this.src = this.src.replace("_16","_40");
});

【问题讨论】:

  • 帮助我们。给出你已经拥有的代码示例,然后我们可以看看如何进行更改
  • @JamesCharless:您添加到问题中的代码应该可以工作。 .avatar 是对实际图像的引用吗?

标签: jquery image src


【解决方案1】:
$('ol.notes .avatar').attr('src', function(i, src) {
    return src.replace( '_16.png', '_48.png' );
}); 

【讨论】:

  • 没用.. 页面示例:http://-respawn.tumblr.com/post/19036443597/xantheose-jesus-in-toronto-by-kvdl - 小而模糊的图像右侧。
  • @JamesCharless:您在页面上有错误。关于TrimURL()InfiniteScroll。你会想要解决这些问题。
  • +1,以前从未见过 attr 回调版本。非常方便。
  • ...当我将代码直接放入控制台时,图像会正确更新,因此错误可能导致脚本停止运行。
  • @amnotiam 因为忘记删除了trim url,控制台没有错误,但还是不行。
猜你喜欢
  • 2012-08-07
  • 1970-01-01
  • 2015-09-12
  • 2023-04-07
  • 1970-01-01
  • 2016-12-24
  • 2018-10-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多