分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 01:12责任编辑:沈小雨关键词:暂无标签

  这两天公司网站因为一张未经授权的图片被一家流氓公司搞上了法院,没办法只能赔钱 ,于是老板就提了这个把以前图片全部替换的需求,由于网站内容量庞大,不可能去一篇一篇的改内容,刚开始向的是用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 具体分别不多做赘述,按自己的需求来

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

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

原文地址:http://www.cnblogs.com/zyjfire/p/7567532.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved