javascript - 找到一个图像名称并将其替换为不同的来源

Question

我正在编写一个 chrome 扩展来替换所有出现的特定图像集(我有图像名称)并将其替换为另一个图像 (src)

我需要在网站中找到某个图像名称的所有出现，并将图像的 src 替换为自定义图像。

我可以在 <img> 中找到图像名称带有以下代码片段的标签

var key = 'img[src*="' + src + '"]';

var img = $(key);

img.attr('src', 'http://blah.blah/a.png);

图像设置为background-image时出现问题或者作为 css 属性。 是否可以扫描 DOM与 jQuery (在所有附加的样式表中递归)并用目标 url 替换所有出现的图像？如果可能的话，任何人都可以指出我正确的方向吗？

Answer 1

我觉得应该是这样的，希望对你有帮助

$(document).ready(function(){
    $("*").each(function(){
        var bgImge = $(this).css('background-image');
        if(bgImge.indexOf('yourImageName') > -1)
        {
          $(this).css('background-image', 'newImage');
        }
    }); 
});