當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery遍历div,判断是否为空，为空时执行某个操作

發布時間：2023/12/3 编程问答 23 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery遍历div,判断是否为空，为空时执行某个操作小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

以下運行結果：

代碼如下：

<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title><link rel="stylesheet" type="text/css" href="css/css.css"/><style type="text/css">*{margin: auto;font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;} input:focus {outline: none;} a{text-decoration: none;cursor: pointer;} ul,ol,dt,li{list-style: none;margin: 0px;padding: 0px;} i,em{text-decoration: none;} @font-face {font-family: 'iconfont'; /* project id 732843 */src: url('//at.alicdn.com/t/font_732843_rucp0yk4ovs.eot');src: url('//at.alicdn.com/t/font_732843_rucp0yk4ovs.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_732843_rucp0yk4ovs.woff') format('woff'),url('//at.alicdn.com/t/font_732843_rucp0yk4ovs.ttf') format('truetype'),url('//at.alicdn.com/t/font_732843_rucp0yk4ovs.svg#iconfont') format('svg'); } .iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; } .sch-list{width: 900px;height: auto;border: 1px solid #EEE;border-radius: 2px;} .sch-list ul{overflow: hidden;width: 900px;height: auto;overflow: hidden;} .sch-list ul li{float: left;margin-top: 30px; width: 900px;height: 170px;border-bottom: 1px solid #eee;} .sch-list ul li:last-child{border-bottom: none;} .list-logo{float: left;margin-left: 20px; padding: 7px;box-sizing: border-box; width: 140px;height: 140px;border: 1px solid #E8E8E8;border-radius: 2px;} .list-logo img{width: 126px;height: 126px;} .list-logo img:hover{opacity:0.6;filter:alpha(opacity=60);} .list-matter{float: left; margin-left: 20px;width: 680px;height: auto;} .list-matter h3{font-size: 18px;color: #333; margin-bottom: 10px;} .list-matter h3:hover{color: #1184E1;} .sch-district{float: left;font-size: 12px;color: #999;line-height: 12px;width: 483px;text-overflow:ellipsis;white-space: nowrap; overflow: hidden;} .icont{width: 680px;clear: both;} .district{float: left;margin:1px 5px 0 0; color: #1fcabb;font-size: 16px;} .list-matter span{float: left;margin:15px 20px 0 0; font-size: 12px;color: #333;display: block;} .course{float: left;margin:1px 5px 0 0; color: #ec2480;font-size: 16px;} .evaluate{float: left;margin:1px 5px 0 0; color: #eea819;font-size: 16px;} .list-matter .tel{float: right;margin: 5px;font-size: 16px;} .chat{float: left;margin:0px 6px 0 0; color: #bfebd4;font-size: 20px;} .consult{clear: both; margin-top: 46px;font-size: 12px;line-height: 12px;color: #999;} .stu-evaluate{margin-top: 6px;padding: 3px 0 3px 4px;box-sizing: border-box; width: 698px;height: 24px;border: 1px solid #E8E8E8; font-size: 12px;color: #666;line-height: 18px;} .stu-tit{float: left;width: 72px;height: 18px;font-weight: bold;} .line{float: left;margin: 3px 4px 0 4px;width: 1px;height: 12px;background:#E8E8E8;} .stu-matter{margin-top: 2px; width: 600px;height: 18px;} .stu-matter:hover{color: #1184E1;cursor: pointer;}</style></head><body><div class="sch-list"><ul><li><div class="list-logo"><a><img src="img/lg.png"/></a></div><div class="list-matter"><h3><a>青鳥IT匯</a></h3><p class="sch-district">微信關注公眾號：青鳥IT匯，更多精彩竟在里面，java人臉識別，活體檢測，張張嘴眨眨眼源碼，js以及jar包應有盡有。還有C#實現指紋識別登陸，人臉識別等！歡迎關注！</p><div class="icont"><span><i class="iconfont district"></i>java人臉識別</span><span><i class="iconfont course"></i>微信公眾號</span><span><i class="iconfont evaluate"></i>人工智能</span><span class="tel"><i class="iconfont chat"></i>400-601-2788轉3453</span></div><p class="consult">青鳥IT匯</p><div class="stu-evaluate"><div class="stu-tit">學員真實評價</div><div class="line"></div><p class="stu-matter sch-district">學習學科英語培訓課程：教學環境干凈、舒適。也有專門的繪本區供孩子借閱：。交通很方便，距離家也比較近距離家也比較近 </p></div></div></li><li><div class="list-logo"><a><img src="img/lg.png"/></a></div><div class="list-matter"><h3><a>青鳥IT匯</a></h3><p class="sch-district">微信關注公眾號：青鳥IT匯，更多精彩竟在里面，java人臉識別，活體檢測，張張嘴眨眨眼源碼，js以及jar包應有盡有。還有C#實現指紋識別登陸，人臉識別等！歡迎關注！</p><div class="icont"><span><i class="iconfont district"></i>java人臉識別</span><span><i class="iconfont course"></i>微信公眾號</span><span><i class="iconfont evaluate"></i>人工智能</span><span class="tel"><i class="iconfont chat"></i>400-601-2788轉3453</span></div><p class="consult">青鳥IT匯</p><div class="stu-evaluate"></div></div></li><li><div class="list-logo"><a><img src="img/lg.png"/></a></div><div class="list-matter"><h3><a>青鳥IT匯</a></h3><p class="sch-district">微信關注公眾號：青鳥IT匯，更多精彩竟在里面，java人臉識別，活體檢測，張張嘴眨眨眼源碼，js以及jar包應有盡有。還有C#實現指紋識別登陸，人臉識別等！歡迎關注！</p><div class="icont"><span><i class="iconfont district"></i>java人臉識別</span><span><i class="iconfont course"></i>微信公眾號</span><span><i class="iconfont evaluate"></i>人工智能</span><span class="tel"><i class="iconfont chat"></i>400-601-2788轉3453</span></div><p class="consult">青鳥IT匯</p><div class="stu-evaluate"></div></div></li></ul></div><script type="text/javascript"> $(document).ready(function() {$(".stu-evaluate").each(function() {var values_stu_evaluate = ($(this).text());if(/^\s*?$/.test(values_stu_evaluate)) {//如果是空的$(this).prev("p").css("margin-top", "75px");$(this).css("border","0px");} else {}}); }); </script></body> </html>

總結

以上是生活随笔為你收集整理的jQuery遍历div,判断是否为空，为空时执行某个操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。