用 jquery 替换图片文件名 [英] Replace image file name by jquery

问题描述

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

我的问题是，我正在尝试将下面所有图片中的图片文件名 default.jpg 替换为 hqdefault.jpg，我无法更改图片链接手动，所以我必须通过 jquery 更改它.

图片

<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">

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">至<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");});

I have find related answer but not same like this topic, so i asked this question.

My question is, i'm trying to replace image file name default.jpg to hqdefault.jpg from all images below, I'm unable to change image links manually, so i have to change it by jquery.

Images

<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 i'v tried

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

Problem is it change(remove) whole links to hqdefault.jpg, but i want to change only default.jpg to hqdefault.jpg from all/any image src.

How to replace all image file name simply?

Example

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

Don't use full image link on js, because video generate image links/id dynamically, just replace default.jpg to hqdefault.jpg by jquery.

解决方案

try this

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

这篇关于用 jquery 替换图片文件名的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！