码迷,mamicode.com
首页 > Web开发 > 详细

Jquery遍历方法

时间:2016-04-18 22:22:04      阅读:708      评论:0      收藏:0      [点我收藏+]

标签:

一父子,同级关系的
同级关系:向上找
1. prev(filter):向上找同辈第一个
selector.prev(filter):例如$("#id").prve("div") 向上找同辈的一个div
 
2.prevAll(filter):向上找所有的同辈元素
selector.prveAll(filter):例如$("#id").prevAll("td")向上所有同辈的td元素
 
3.prevUntil(stop,filter):向上找到指定元素之间的同辈元素
selector.prevUntil(stop,filter):例如$("#id").privUntil("#Id1","td"):向上找从#id到#id1间所有同辈td元素
 
同级关系:向下找
1.next(filter):向下找同辈第一个
selector.next(filter):例如$("#id").next("td"):向上找同辈的第一个td元素
 
2.nextAll(filter):向下找同辈的所有元素
 
3.nextUntil(stop,filter):向下找到指定元素之间的所有同辈指定元素
 
同级关系:同辈找
1.sibliings(filter):找所有的同辈的元素
selector.siblings():找所有的同辈元素
selector.siblings("td"):找所有同辈的td元素
 
父级关系:
1.parent(filter):找第一个直接父级元素
$(".mini").parent("li.one")为所有class=.mini寻找直接父级元素且父级元素class=one
 
2.parents(filter):所有的祖先元素
3.offsetParent():第一个被定为的父级元素
4.closest(filter):向上第一个指定属性的祖先元素
 
子级关系
children(filter):找直接子元素
selector.childer(filter):$("#div").children("td")寻找#div所有标签为td的子元素
 
二.过滤的
1.find(filter):向下找指定属性的元素
2.filter(criteria,function(index)):对指定元素集合进行过滤
criteria:条件可以指定的标签
function(index):对集合中的元素进行遍历,返回true则保留
$("td").filter(".mini",function(){
 return $("span",this).length==2;//当前元素下的子孙span标签个数为2,则保留当前的td元素
})
 
3.has(filter):返回具有指定属性的元素集合
4.is(filter):selector.is(":checked") 被选中的元素
5.not(filter):$("td").not(".mini") 所有的td元素中排出class=mini的元素
6.first():返回集合中第一个元素
7.last():返回集合中最后一个元素
8.eq(index):返回集合中等于指定索引的元素
9.contents(filter) $("#div").contents("li") 所有div中包含文本li的所有div元素集合
10.slice(start,stop) 指定索引开始,指定索引结束,可以为负数
 
三 循环
each(function(index,element){}):对集合进行遍历,执行回调函数
map(function(index,element)):对集合进行遍历,执行回调函数,需放回新的jquery对象
$("td").map(function(index,element){
return this.id;
}).join(‘,‘);
 
 
四 其他
add():将指定的元素添加到指定的元素集合中
$("#id").add("p").add("span");
end():返回过滤后的前一次的jquery对象
 
 

Jquery遍历方法

标签:

原文地址:http://www.cnblogs.com/CrazyShun/p/5406039.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!