将图像文件名替换为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所有/任何图像源。

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

例子

<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，只需用jquerydefault.jpg替换即可。hqdefault.jpg

Answer 1

尝试这个

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