javascript - 用jquery替换图片文件名

Question

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

我的问题是，我正在尝试将下面所有图片的图片文件名 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>

JS 我试过了

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

问题是它更改(删除)了到hqdefault.jpg 的整个链接，但我只想更改 default.jpg 到hqdefault.jpg 来自所有/任何图像 src。

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

示例

<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即可。

Answer 1

试试这个

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