如何在jQuery页面加载后替换image src

Question

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

这是一个示例链接，

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

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

到目前为止，这是我一直尝试做的事情，但是它不起作用。

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

谢谢！

Answer 1

为每张图像设置眼镜，并替换相同的.attr('src')

$(document).ready(function() {
   $('img').each(function(){
        $(this).attr('src',$(this).attr('src').replace("b1n1v1", "bn1v1"));
    });
});

每个 https://api.jquery.com/each/

Answer 2

您的语法不太正确，因为volumes: - "./Bla:/usr/src/html/bla" 指向this，而window在这一点上是多余的。

要使此功能适用于页面中的所有return元素，您需要遍历它们。为此，您可以为img提供一个函数，该函数接受当前值作为参数并返回新值。试试这个：

attr()

Answer 3

1. 向该图像constructor(props){ super(props) this.add = this.add.bind(this) this.method = this.method.bind(this) } 添加一个类。

   imageClass