<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">

</script>

<script>

//如果标题在一行，不显示日期

$(document).ready(function() {

   //循环样式类名为news_list_newswz9的ul下li下div

   $("ul.news_list_newswz9 li div").each(function() {

       //如果div高度为28，并且链接标题的文字大于12

       if($(this).height() == 28 && $(this).children().text().length > 12 )

       {

           //隐藏当前元素的同级元素span

           $(this).siblings("span").hide();

           //设置父元素li的高度为28

           $(this).parent().height("28");

       };

   });

});

</script>

<style>

* {

    padding: 0;

    margin: 0;

    list-style: none;

}

.news_list_newswz9 {

    line-height: 28px;

    height: 275px;

    overflow: hidden;

    position: relative;

}

.news_list_newswz9 li {

    background: url(http://60.212.191.54/picture/0/1512202042336565591.gif) no-repeat 8px 14px;

    font-size: 14px;

    position: relative;

    width: 200px;

}

.news_list_newswz9 li span {

    right: 0px;

    text-align: right;

    padding-left: 10px;

    color: #999;

    position: absolute;

    margin-right: -50px;

}

.news_list_newswz9 li div {

    left: 0px;

    text-align: left;

    padding-left: 20px;

    position: absolute;

    width: 230px;

}

</style>

</head>

<body>

<UL class=news_list_newswz9>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=威海-天津-空铁联运免费进京新模式

  href=""

  target=_blank>威海-天津-空铁联运免费进京新模式</A></DIV>

    <FONT

  style="VISIBILITY: hidden">威海-天津-空铁联运免费进京新模式</FONT><SPAN

  style="FONT-SIZE: 14px">02-22</SPAN></LI>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=奥林国际健身中心春节期间营业时间

  href=""

  target=_blank>奥林国际健身中心春节期间营业时间</A></DIV>

    <FONT

  style="VISIBILITY: hidden">奥林国际健身中心春节期间营业时间</FONT><SPAN

  style="FONT-SIZE: 14px">02-03</SPAN></LI>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=威海乒羽健身中心乒乓球馆、羽毛球馆春节期间营业时间

  href=""

  target=_blank>威海乒羽健身中心乒乓球馆、羽毛球馆春节期间营业时间</A></DIV>

    <FONT

  style="VISIBILITY: hidden">威海乒羽健身中心乒乓球馆、羽毛球馆春节期间营业时间</FONT><SPAN

  style="FONT-SIZE: 14px">02-03</SPAN></LI>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=单位概况

  href=""

  target=_blank>单位概况</A></DIV>

    <FONT style="VISIBILITY: hidden">单位概况</FONT><SPAN

  style="FONT-SIZE: 14px">02-01</SPAN></LI>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=威海热电集团全力以赴抗击寒流保障供热

  href=""

  target=_blank>威海热电集团全力以赴抗击寒流保障供热</A></DIV>

    <FONT

  style="VISIBILITY: hidden">威海热电集团全力以赴抗击寒流保障供热</FONT><SPAN

  style="FONT-SIZE: 14px">01-29</SPAN></LI>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=好消息！春运期间威海长春加班了！

  href=""

  target=_blank>好消息！春运期间威海长春加班了！</A></DIV>

    <FONT

  style="VISIBILITY: hidden">好消息！春运期间威海长春加班了！</FONT><SPAN

  style="FONT-SIZE: 14px">01-28</SPAN></LI>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=威海机场自1月29日起开通威海＝天津航班

  href=""

  target=_blank>威海机场自1月29日起开通威海＝天津航班</A></DIV>

    <FONT

  style="VISIBILITY: hidden">威海机场自1月29日起开通威海＝天津航班</FONT><SPAN

  style="FONT-SIZE: 14px">01-28</SPAN></LI>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=山东广电网络威海有限公司获得“威海市职工百项技术创新成果奖”

  href=""

  target=_blank>山东广电网络威海有限公司获得“威海市职工百项技术创新成果奖”</A></DIV>

    <FONT

  style="VISIBILITY: hidden">山东广电网络威海有限公司获得“威海市职工百项技术创新成果奖”</FONT><SPAN

  style="FONT-SIZE: 14px">01-28</SPAN></LI>

  <LI>

    <DIV><A style="FONT-SIZE: 14px" title=成功上线开通智慧社区医院挂号业务

  href=""

  target=_blank>成功上线开通智慧社区医院挂号业务</A></DIV>

    <FONT

  style="VISIBILITY: hidden">成功上线开通智慧社区医院挂号业务</FONT><SPAN

  style="FONT-SIZE: 14px">01-28</SPAN></LI>

</UL>

</body>

</html>

each和$(this)配合循环_siblings选取同级不同类型元素的更多相关文章

  1. jquery slibings选取同级其他元素

    jquery选取同级其他元素可以使用slibings方法,end方法可以清除之前的链式操作,相当于重新开始. <script type="text/javascript"&g ...

  2. Python：Base2（List和Tuple类型， 条件判断和循环，Dict和Set类型）

    1.Python创建list: Python内置的一种数据类型是列表:list.list是一种有序的集合,可以随时添加和删除其中的元素. 比如,列出班里所有同学的名字,就可以用一个list表示: &g ...

  3. JQ获取当前是第几个元素，以及直接选取第几个元素的方法

    一.获取当前是第几个元素的方法使用:$(this).index() 实例: $(function () { $('.menu li').mouseover(function () { alert($( ...

  4. 关于java中ArrayList的快速失败机制的漏洞——使用迭代器循环时删除倒数第二个元素不会报错

    一.问题描述 话不多说,先上代码: public static void main(String[] args) throws InterruptedException { List<Strin ...

  5. echarts配合循环计时器等出现的内存泄漏

    echarts是百度的一个图表插件,确实好用美观. 之前实习接触到的页面大多是下面这种调用方式 var chart=echarts.init(document.getElementById(dom)) ...

  6. Js脚本选取iframe中的元素

    遇到个小问题,需要用到原生Js处理页面中的元素,以往一个document.getElementById就完活的选取元素,这次却不好使了.. 仔细看代码发现要选取元素外面多了一个iframe标签 < ...

  7. python中循环删除list和dict类型注意事项

    列表和字典在循环操作(增删)时,其长度会改变 # 删除 li = [11, 22, 33, 44, 'rock']中索引为单数的元素 # 方法一 del li[1::2] print(li) # [1 ...

  8. for循环删除list中多个元素出现的误区

    错误的做法是: for(int i= 0;i<list.size();i++) 因为在你删除元素的同时list.size()也在变小,这样就会照成越界. 正确做法:因为要删除list里面的多个的 ...

  9. 可以用for循环直接删除ArrayList的特定元素吗？可能会出现什么问题？怎样解决？

    for循环直接删除ArrayList中的特定元素是错的,不同的for循环会发生不同的错误,泛型for会抛出 ConcurrentModificationException,普通的for想要删除集合中重 ...

随机推荐

  1. 神奇彩带KMP

    描述 有两条彩带A,B,如果能制作出一条彩带,这条彩带既是彩带A的前缀,又是彩带B的后缀,称之为神奇彩带 草滩小王子想送一条最长的神奇彩带给拉面女神 给你两条彩带,你能找到最大的神奇彩带的长度是多少吗 ...

  2. Java 集合深入理解（3）：Collection

    点击查看 Java 集合框架深入理解 系列, - ( ゜- ゜)つロ 乾杯~ 今天心情有点粉,来学学 Collection 吧! 什么是集合? 集合,或者叫容器,是一个包含多个元素的对象: 集合可以对 ...

  3. Android动态Java代码调整window大小

    Android调整window大小 举一个例子,设置当前的APP所需要的屏幕高度为设备高度的一半: Window window = getActivity().getWindow(); WindowM ...

  4. [转]在Windows中配置Rsync同步

    在Windows中配置Rsync同步 Rsync是一款不错的文件免费同步软件,可以镜像保存整个目录树和文件系统,同 时保持原来文件的权限.时间.软硬链接.第一次同步时 rsync 会复制全部内容,下次 ...

  5. MINIX3 进程通信分析

    MINIX3 进程通信分析 6.1MINIX3 进程通信概要 MINIX3 的进程通信是 MINIX3 内核部分最重要的一个部件,我个人认为其实这 是内核中的“内核”,怎么来理解这个概念呢?其实 MI ...

  6. Qt线程(1) moveToThread

    若在Qt准备使用线程类一般有两种方式(1) 采用WorkObject配合QThread进行使用 (2)继承QThread, 重载run()函数即可. 注:采用Qt::Concurrent之类的不在本文 ...

  7. 应用Druid监控SQL语句的执行情况(转)

    Druid是什么? Druid首先是一个数据库连接池.Druid是目前最好的数据库连接池,在功能.性能.扩展性方面,都超过其他数据库连接池,包括DBCP.C3P0.BoneCP.Proxool.JBo ...

  8. (实用篇)PHP ftp上传文件操作类

    <?php /** * 作用:FTP操作类( 拷贝.移动.删除文件/创建目录 ) */ class class_ftp { public $off; // 返回操作状态(成功/失败) publi ...

  9. UVa 10747 - Maximum Subsequence

    题目大意:给出n个数,从中选取k个,使得乘积最大,并且尽量使和最大 分析:首先按照数的绝对值大小排序.然后就要分三大类情况讨论: (1)前k个中选到0:如果选到0的话,乘积一定是0,所以尽量选大的数, ...

  10. could not write file C:\DOCUME~1\ADMIN

    今天碰到一个错误,android模拟器无法启动,错误提示如下: NAND: could not write file C:\DOCUME~1\ADMINI~1\LOCALS~1\Temp\\Andro ...