Jquery遍历方法

一父子,同级关系的

同级关系：向上找

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对象