使用 jquery 替换 网页某部分的图片内容

Posted 2020-10-07 晨曦时丶梦见兮

  这两天公司网站因为一张未经授权的图片被一家流氓公司搞上了法院，没办法只能赔钱 ，于是老板就提了这个把以前图片全部替换的需求，由于网站内容量庞大，不可能去一篇一篇的改内容，刚开始向的是用php正则匹配，但是想到效率的问题还是放弃了这种做法，转而使用js，查了资料后幸不辱命，完成了任务。

直接贴代码：

1 $(function(){
2     //var str = $(‘.you_left_x‘).html();
3     console.log(str);     
4     $(‘.you_left_x>p>img‘).each(function(){               
5         if($(this).prop(‘src‘)!=‘‘){                   
6             $(this).prop(‘src‘,‘  ‘);               
7         }           
8       });                  
9 });

代码有两处需要注意的地方

一： ‘.you_left_x>p>img‘ 这里根据自己的需求一定要把html代码的层级弄清楚；

二： prop   这里也有能是 attr 具体分别不多做赘述，按自己的需求来

 

我这里是把所有图片替换为了空内容 ，大家也可以根据自己的需求把他替换为同一张图片，只需更改 ‘    ’里的内容即可