自丟網

 找回密碼
 立即注冊
搜索
打印 上一主題 下一主題

jq 根據圖片路徑判斷是否隱藏div 方法教程

[復制鏈接]
跳轉到指定樓層
樓主
admin 發表于 2019-7-29 14:51:10 | 查看: 44|回復: 1 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
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的圖片判斷,可惜,不管用。

推薦給好友: [復制鏈接]
上一篇:PHP實現限制域名從而保護源代碼不被拷貝方法教程摘要:PHP實現限制域名從而保護源代碼不被拷貝方法教程 用PH ...
下一篇:HTML5 的新的表單屬性方法教程摘要:HTML5 的新的表單屬性 新的 form 屬性: [*]autocompl ...
樓主熱帖
回復

使用道具 舉報

沙發
老虎 發表于 1 小時前 | 只看該作者
學習了,感謝自丟教程網
回復

使用道具 舉報

網站地圖|百度統計|免責聲明|Archiver|手機版|小黑屋|ZiDiu.Com ( 粵ICP備17166275號 )

GMT+8, 2019-8-20 02:46 , Processed in 0.156250 second(s), 35 queries .

Powered by Discuz!

© Comsenz Inc.

快速回復 返回頂部 返回列表
鸟叔彩金