jQuery新手求助：如何修改图片URL中的指定字符（blurr替换为default）

嘿，作为jQuery和用户脚本的新手完全不用慌，这个需求其实很容易实现，咱们一步步来拆解：

首先，你的目标图片带有profile-img类，咱们可以用jQuery的类选择器精准定位它。接下来只需要三个小步骤：

1. 获取图片当前的URL地址
2. 把URL里的blurr替换成default
3. 将修改后的URL重新赋值给图片的src属性

直接上可以用的完整代码：

// 定位图片并修改src属性
$('.profile-img').attr('src', function(index, currentSrc) {
  return currentSrc.replace('blurr', 'default');
});

代码小解释： #

• $('.profile-img')：通过类选择器找到你要修改的那张图片
• .attr('src', function(...) {...})：这里用了attr方法的函数式写法，回调函数会拿到当前图片的src值，咱们在函数里完成替换后返回新的URL，jQuery会自动帮你把它设置成图片的新地址
• currentSrc.replace('blurr', 'default')：用JavaScript原生的字符串替换方法，精准把URL里的目标单词换掉

如果担心页面还没加载完脚本就跑了（这时候可能找不到图片元素），可以把代码放在DOM加载完成的回调里，确保万无一失：

$(document).ready(function() {
  $('.profile-img').attr('src', function(index, currentSrc) {
    return currentSrc.replace('blurr', 'default');
  });
});

这样操作后，图片的URL就会变成你想要的样子啦～

内容的提问来源于stack exchange，提问作者Nisse Karlsson