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">&#xe65d;</i>java人脸识别</span><span><i class="iconfont course">&#xe65f;</i>微信公众号</span><span><i class="iconfont evaluate">&#xe65e;</i>人工智能</span><span class="tel"><i class="iconfont chat">&#xe65c;</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">&#xe65d;</i>java人脸识别</span><span><i class="iconfont course">&#xe65f;</i>微信公众号</span><span><i class="iconfont evaluate">&#xe65e;</i>人工智能</span><span class="tel"><i class="iconfont chat">&#xe65c;</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">&#xe65d;</i>java人脸识别</span><span><i class="iconfont course">&#xe65f;</i>微信公众号</span><span><i class="iconfont evaluate">&#xe65e;</i>人工智能</span><span class="tel"><i class="iconfont chat">&#xe65c;</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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/326330.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Dapper源码学习和源码修改

之前ORM比较火热&#xff0c;自己也搞了个WangSql&#xff0c;但是感觉比较low&#xff0c;大家都说Dapper性能好&#xff0c;所以现在学习学习Dapper&#xff0c;下面简单从宏观层面讲讲我学习的Dapper。 再了解一个东西前&#xff0c;先得学会使用&#xff0c;我也不再赘述怎…

php批量评价,彻底杜绝 WordPress 批量垃圾评论留言的三步曲

本文将详细介绍如何采取三步曲彻底告别烦人的 WordPress 批量垃圾评论问题&#xff0c;还你一个干净清爽的后台评论区。刚开始使用 WordPress 程序建站的朋友们肯定或多或少都被其批量垃圾评论困扰过。然后大家就开始寻思解决的办法&#xff0c;找到的网上说法大都是 Akismet A…

MySQL sysdate()函数

转载自 MySQL sysdate()函数 MySQL SYSDATE函数介绍 下面说明了SYSDATE()函数的语法&#xff1a; SYSDATE(fsp);如果函数用于字符串上下文或YYYYMMDDHHMMSS格式&#xff0c;则SYSDATE()函数将返回当前日期时间&#xff0c;格式为“YYYY-MM-DD HH:MM:SS”的值&#xff0c;以…

2018蓝桥杯省赛---java---C---2(猴子分香蕉)

题目描述 思路分析 直接采用暴力破解&#xff0c;先限定范围&#xff0c;然后依次筛选出满足条件的情况。 代码实现 package TEST;public class Main {public static void main(String[] args) {for (int i 5; i < 10000; i) {int temp i;if (temp % 5 1) {temp temp…

纯前端JS实现人脸识别眨眨眼张张嘴案例

在不久之前我发布了一个案例&#xff0c;是java通过百度云人脸识别接口实现活体检测&#xff08;张张嘴和眨眨眼&#xff09;的案例&#xff0c;大家可以去看看&#xff1a;人脸识别活体检测之眨眨眼和张张嘴&#xff0c;今天我就抽空更新一下纯JS的活体检测吧。 首先给大家看一…

年度大片:StackOverflow 2017开发者调查报告

Stack Overflow 发布了 2017 开发者调查报告&#xff0c;此次有超过 64,000 名开发人员参与调查&#xff0c;分别对其技能、工具、学习趋势等数据进行了统计&#xff0c;现将其中一些有趣的数据和趋势撷取出来分享给大家。 一、开发角色 开发类型 大约有四分之三的受访者是 we…

oracle导库需要删除原始库,导入dmp文件时,需要删除原有ORACLE数据库实例

导入dmp文件时&#xff0c;对于已存在的数据库实例及表处理方式&#xff1a;删除实例。1.以管理员身份登录sqlplus / as sysdba2.停止实例shutdown abort;执行结果&#xff1a;ORACLE instance shut down.3.启动实例独占启动的选项是exclusive&#xff0c;表示只允许一个例程使…

MySQL timediff()函数

转载自 MySQL timediff()函数 MySQL TIMEDIFF函数介绍 TIMEDIFF返回两个TIME或DATETIME值之间的差值。 请参阅TIMEDIFF函数的以下语法。 TIMEDIFF(dt1, dt2);TIMEDIFF函数接受两个必须为相同类型的参数&#xff0c;即TIME或DATETIME。 TIMEDIFF函数返回表示为时间值的dt1 -…

纯js实现人脸识别眨眨眼张张嘴案例——alive_face.js

$(function(){//执行开始的方法//showpos true;startTrack();})var showpos false;// Put event listeners into place//window.addEventListener("DOMContentLoaded", function() {// Grab elements, create settings, etc.var canvas document.getElementById(&…

oracle10g ty_str_split,Oracle split(分隔字符串函数)

一 Oracle版本: 10g PLSQL: 8.0二 具体代码如下:1 类型CREATE OR REPLACE TYPE ty_str_split IS TABLE OF VARCHAR2 (4000)2 函数CREATE OR REPLACE FUNCTION fn_split (p_str IN VARCHAR2, p_delimiter IN VARCHAR2)RETURN ty_str_splitISj INT : 0;i INT : 1;len INT : 0;len…

数组中一种数出现奇数次和两种数出现奇数次

题目描述 思路分析 代码实现 package class01;/*** 创建人 wdl* 创建时间 2021/4/10* 描述*/ public class num1ornum2 {public static void main(String[] args) {int arr1[]{1,2,2,2,1,3,3};printOddTimesNum1(arr1);int arr2[]{1,2,2,2,1,3,3,5};printOddTimesNum2(arr2);}…

基于微软开发平台构建和使用私有NuGet托管库

本篇blog包含使用TFS2017&#xff0c;VS2017等平台和工具搭建和使用NuGet库等基本过程&#xff0c;为团体提供更加自动化和高效的研发活动支持。 作为以产品线或者以专属业务为扩展的项目类型的软件研发团体&#xff0c;都会有自己的基础软件框架和功能模块的软件产品智力资产库…

MySQL timestampdiff()函数

转载自 MySQL timestampdiff()函数 MySQL TIMESTAMPDIFF函数简介 下面说明了TIMESTAMPDIFF函数的语法。 TIMESTAMPDIFF(unit,begin,end);TIMESTAMPDIFF函数返回begin-end的结果&#xff0c;其中begin和end是DATE或DATETIME表达式。 TIMESTAMPDIFF函数允许其参数具有混合类…

linux挂载多个目录下,linux – 如何在centos上使用nfs4挂载多个文件夹?

我想让nfs4在这里工作.机器1(服务器)我有一个文件夹,其中2个其他文件夹我试图独立分享. / shared / folder1 / shared / folder2问题是,我似乎无法弄清楚如何在客户端上独立挂载文件夹.(机器1 – 服务器)/ etc / exports中&#xff1a;/var/shared/folder1 192.168.200.101(rw,…

你真的理解CAP理论吗?

最近在学习消息中间件的时候&#xff0c;接触到了分布式系统&#xff0c;进而接触到CAP理论&#xff0c;上一次接触还是在年初的时候公司的技术分享会上&#xff0c;有人在介绍项目的时候简单介绍了这个CAP理论&#xff0c;但并没有深入研究。这次&#xff0c;该是时候研究一下…

264. 丑数 II---LeetCode---JAVA(动态规划)

class Solution { public int nthUglyNumber(int n) {int[] nums new int[n];//初始化数组int index2 0;int index3 0;int index5 0;int tmp 1;nums[0] 1;//初始化第一个值&#xff0c;当n等于1的时候直接是1int cnt 1;while (cnt < n) {tmp Math.min(nums[index2] …

MySQL week()函数

转载自 MySQL week()函数 MySQL WEEK函数介绍 通常&#xff0c;一年的正常年份为365天&#xff0c;闰年为366天。一年又可以分为许多周&#xff0c;每周有7天。 所以一年&#xff0c;我们经常有365/7 52周&#xff0c;周范围是从1到52。 要查看给定日期属于哪个周数&…

老司机实战Windows Server Docker:4 单节点Windows Docker服务器简单运维(下)

上篇中&#xff0c;我们主要介绍了使用docker-compose对Windows Docker单服务器进行远程管理&#xff0c;编译和部署镜像&#xff0c;并且设置容器的自动启动。但是&#xff0c;还有一些重要的问题没有解决&#xff0c;这些问题不解决&#xff0c;就完全谈不上运维&#xff1a;…

linux将光驱挂载到目录下,Linux操作系统下关于光驱的挂载

Linux操作系统下关于光驱的挂载Linux将每一个物理设备都映射成了一个文件&#xff0c;这些文件都放在了/dev文件(linux中目录也是文件)下面&#xff0c;光驱映射成的文件就是一个名为cdrom的文件。mount命令是挂载光驱的基本命令&#xff0c;其后可以跟参数。在挂载光驱之前首先…

2018蓝桥杯省赛---java---C---4( 第几个幸运数)

题目描述 思路分析 直接暴力 代码实现 package TEST;public class Main {public static void main(String[] args) {long n 59084709587505L, cnt 0;for (long a 1; a < n; a * 3)for (long b 1; b < n; b * 5)for (long c 1; c < n; c * 7)if (a * b * c <…