Javascript 用jquery替换图像文件名

我找到了相关的答案，但和这个话题不一样，所以我问了这个问题。

我的问题是，我正在尝试将下面所有图像中的图像文件名

default.jpg

替换为

hqdefault.jpg

，我无法手动更改图像链接，因此我必须通过jquery进行更改

图像

<div id="selector">
    <img src="http://img.youtube.com/vi/qDc_5zpBj7s/default.jpg">
    <img src="http://img.youtube.com/vi/ss7EJ-PW2Uk/default.jpg">
    <img src="http://img.youtube.com/vi/ktd4_rCHTNI/default.jpg">
    <img src="http://img.youtube.com/vi/0GTXMEPDpps/default.jpg">
</div>

问题是它将整个链接更改（删除）到

hqdefault.jpg

，但我只想将所有/任何图像src中的

default.jpg

更改为

hqdefault.jpg

如何简单地替换所有图像文件名

示例

<img src="http://img.youtube.com/vi/qDc_5zpBj7s/default.jpg">
to
<img src="http://img.youtube.com/vi/qDc_5zpBj7s/hqdefault.jpg">

到

不要在js上使用完整图像链接，因为视频会动态生成图像链接/id，只需用jquery将

default.jpg

替换为

hqdefault.jpg

。

试试这个

$('#selector img').attr('src',function(i,e){
    return $(this).attr('src').replace("default.jpg","hqdefault.jpg");
});

试试这个

$('#selector img').attr('src',function(i,e){
    return $(this).attr('src').replace("default.jpg","hqdefault.jpg");
});

---

您应该使用

每个

函数迭代所有

img

。下面的代码片段可能会对您有所帮助

$('#selector img').each(function(){
    var src = $(this).attr('src').replace("default.jpg","hqdefault.jpg");
    $(this).attr('src', src);
});  

更新：
如果您使用的是LazyLoad XT插件，那么在它的

onload

事件中执行相同的操作，如下所示

$.lazyLoadXT.onload=function(){
      var src = $(this).attr('src').replace("default.jpg","hqdefault.jpg");
      $(this).attr('src', src);
 }

---

您应该使用

每个

函数迭代所有

img

。下面的代码片段可能会对您有所帮助

$('#selector img').each(function(){
    var src = $(this).attr('src').replace("default.jpg","hqdefault.jpg");
    $(this).attr('src', src);
});  

更新：
如果您使用的是LazyLoad XT插件，那么在它的

onload

事件中执行相同的操作，如下所示

$.lazyLoadXT.onload=function(){
      var src = $(this).attr('src').replace("default.jpg","hqdefault.jpg");
      $(this).attr('src', src);
 }

---

您好，谢谢，但是，我无法在JS上添加任何链接，只需要替换

default.jpg

而不提供JS上的完整链接。您好，我在回答中做了更改…尝试我，谢谢，但是，我无法在JS上添加任何链接，只需要替换

default.jpg

而不提供JS上的完整链接。您好，我在回答中做了更改…尝试一下我使用的是LaxyLoad XT插件，所以结果如下：

hqhqdDefault.jpg

。有没有办法解决这个问题？嗨，我正在使用LaxyLoad XT插件，所以结果变成这样：

hqhqdefault.jpg

。有没有办法解决这个问题？你错过了id属性

应该是

@Azim ok，但是，我正在使用LaxyLoad XT插件，所以结果变成这样：

hqhqdDefault.jpg

。有没有办法解决这个问题？你错过了id属性

应该是

@Azim ok，但是，我正在使用LaxyLoad XT插件，所以结果变成这样：

hqhqdDefault.jpg

。有办法解决这个问题吗？