请选择 进入手机版 | 继续访问电脑版
  • 设为首页
  • 收藏本站
  • 桌面快捷
  • 手机版
  • 微信
    站长微信 搜索微信号:
    q515138
  • 快捷导航

    jq 根据图片路径判断是否隐藏div 方法教程

    [复制链接]
    作者: admin(管理员) | 丢币: 44997 (丢币充值 | 升级VIP) | 查看: 166| 回复: 1| 发表于 2019-7-29 14:51:10 | 显示全部楼层 |阅读模式
    jq 根据图片路径判断是否隐藏div 方法教程
    如果某class内的图片路径为固定的某个路径,则隐藏这个图片所在div,这里说隐藏其实是“消除”,除了页面上不可见,查看网页源代码也消失。
    代码例子:
    1. <div class="abcd"><img src="nophoto.gif"></div>
    2. <div class="abc"><img src="12352.jpg"></div>
    3. <div class="abc"><img src="nophoto.gif"></div>
    4. <div class="abc"><img src="4562.jpg"></div>
    5. <div class="abc"><img src="nophoto.gif"></div>
    6. <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.min.js"></script>
    7. <script>
    8.     var img = $('.abc img');
    9.     for(var i = 0;i<img.length;i++){
    10.         console.log(img[i].src);
    11.         if($(img[i]).attr('src')==="nophoto.gif"){
    12.            $(img[i]).parent('.abc').remove();
    13.         }
    14.     }
    15. </script>
    复制代码
    结果是,当class="abc"内<img src="nophoto.gif">时,隐藏class="abc"容器。此代码测试是有效的。
    本打算用这个来做disucz程序diy的图片判断,可惜,不管用。
    推荐给好友: [复制链接]
    楼主热帖
    回复

    使用道具 举报

    老虎(新手上路) | 丢币: 44 (丢币充值 | 升级VIP) | 查看: 166| 回复: 1| 发表于 2019-8-20 01:44:54 | 显示全部楼层
    学习了,感谢自丢教程网
    回复

    使用道具 举报

    网站地图/免责声明/Archiver/手机版/小黑屋/ZiDiu.Com ( 粤ICP备17166275号 )

    快速回复 返回顶部 返回列表