each和$(this)配合循环_siblings选取同级不同类型元素
<!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选取同级不同类型元素的更多相关文章
- jquery slibings选取同级其他元素
jquery选取同级其他元素可以使用slibings方法,end方法可以清除之前的链式操作,相当于重新开始. <script type="text/javascript"&g ...
- Python：Base2（List和Tuple类型， 条件判断和循环，Dict和Set类型）
1.Python创建list: Python内置的一种数据类型是列表:list.list是一种有序的集合,可以随时添加和删除其中的元素. 比如,列出班里所有同学的名字,就可以用一个list表示: &g ...
- JQ获取当前是第几个元素，以及直接选取第几个元素的方法
一.获取当前是第几个元素的方法使用:$(this).index() 实例: $(function () { $('.menu li').mouseover(function () { alert($( ...
- 关于java中ArrayList的快速失败机制的漏洞——使用迭代器循环时删除倒数第二个元素不会报错
一.问题描述 话不多说,先上代码: public static void main(String[] args) throws InterruptedException { List<Strin ...
- echarts配合循环计时器等出现的内存泄漏
echarts是百度的一个图表插件,确实好用美观. 之前实习接触到的页面大多是下面这种调用方式 var chart=echarts.init(document.getElementById(dom)) ...
- Js脚本选取iframe中的元素
遇到个小问题,需要用到原生Js处理页面中的元素,以往一个document.getElementById就完活的选取元素,这次却不好使了.. 仔细看代码发现要选取元素外面多了一个iframe标签 < ...
- python中循环删除list和dict类型注意事项
列表和字典在循环操作(增删)时,其长度会改变 # 删除 li = [11, 22, 33, 44, 'rock']中索引为单数的元素 # 方法一 del li[1::2] print(li) # [1 ...
- for循环删除list中多个元素出现的误区
错误的做法是: for(int i= 0;i<list.size();i++) 因为在你删除元素的同时list.size()也在变小,这样就会照成越界. 正确做法:因为要删除list里面的多个的 ...
- 可以用for循环直接删除ArrayList的特定元素吗？可能会出现什么问题？怎样解决？
for循环直接删除ArrayList中的特定元素是错的,不同的for循环会发生不同的错误,泛型for会抛出 ConcurrentModificationException,普通的for想要删除集合中重 ...
随机推荐
- spring 常见错误
1. 数据库字段和实体字段不匹配,尤其是数据表字段和实体字段的类型不匹配 2. 数据表中日期字段不能为空(sql语句用了聚合函数min或者max),此时数据表中没有数据就会报此类错误.
- PHP CI框架email类发送邮件
用CI框架发送邮件类 在中文标题太长的情况下会出现乱码,搜索后说是发送邮件的时候有标题长度的限制,按说的方法修改后,还是没能得到解决,后来发现需要转换邮件标题的编码,解决方法如下: 打开 librar ...
- 【转】Fast Entity Component System
http://entity-systems.wikidot.com/fast-entity-component-system Summary Create a generic System class ...
- [转载]Magento 店铺多语言设置
本文以扩展中文包为例: 首先进入自己 Magento 后台 系统 -> 管理商店(System -> Manage Stores) 单击 “创建店铺视图”(Create Store Vie ...
- Magneto插件整理
以connect20.magentocommerce.com开头的是connect 2.0的key.有些网页打不开了.但是connect的地址经测试是可用的. Mangento 免费团购模块 http ...
- re-id 资料集
Shengcai Liao: http://www.cbsr.ia.ac.cn/users/scliao/
- CSS 实现：元素相对于文档水平垂直居中
[要求]:如何用 CSS 实现水平/垂直居中一个元素(相对于文档) <body> <div class="content"></div> < ...
- sgu546 Ternary Password
题目链接:http://acm.sgu.ru/problem.php?contest=0&problem=546 这题还好,1Y,考虑情况周全,就没问题了,还好提交之前把想到的情况都测试了一遍 ...
- ctypes 模块
ctypes赋予了python类似于C语言一样的底层操作能力,通过ctypes模块可以调用动态链接库中的导出函数.构建复杂的c数据类型. ctypes提供了三种不同的动态链接库加载方式:cdll(), ...
- JavaWeb学习记录（二十六）——在线人数统计HttpSessionListener监听实现
一.session销毁控制层代码 public class InvalidateSession extends HttpServlet { public void doGet(HttpServletR ...