页面加载后如何使用jQuery更改图像src的特定部分?

这是一个示例链接,

<img src="https://example.com/73832d3c5fca_175x175_c0b~bn1v1.jpg">

页面完全呈现后,我想用b1n1v1替换bn1v1

到目前为止,这是我一直尝试做的事情,但是没有用。

$(document).ready(function() {
    return $(this).text().replace("b1n1v1", "bn1v1");
});


谢谢!

最佳答案

您的语法不太正确,因为this指的是window,并且return在这一点上是多余的。

要使此功能适用于页面中的所有img元素,您需要循环浏览它们。为此,您可以为attr()提供一个函数,该函数接受当前值作为参数并返回新值。尝试这个:

$(document).ready(function() {
  $('img').attr('src', function(i, s) {
    return s.replace("b1n1v1", "bn1v1");
  });
});

10-04 22:17