JQuery 遍历

1.遍历-祖先

1.1 parent()返回直接父元素

1.2 parents() 返回所有祖先元素

$(document).ready(function(){ $("span").parents(); }); 可以直接过滤.parents("p")

1.3 parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

$(document).ready(function(){ $("span").parentsUntil("div"); });

2.遍历-后代

2.1children()返回所选元素的所有字元素

$(document).ready(function(){ $("div").children(); });

2.2find()对所选元素子元素的搜索

$(document).ready(function(){ $("div").children("p.1"); });

3.遍历-同胞

3.1siblings()返回所选元素的所有同胞

$(document).ready(function(){ $("h2").siblings(); });

3.2.next() 返回被选元素的下一个同胞

$(document).ready(function(){ $("h2").next(); });

3.3.nextall() 所选元素的所有跟随

$(document).ready(function(){ $("h2").nextAll(); });

3.4.nextUntil()返回两个给定元素的所有同胞

$(document).ready(function(){ $("h2").nextUntil("h6"); });

4.遍历-过滤

41.first()所选元素的首个元素

4.2last()所选元素的最后一个元素

4.3.eq()指定索引号的元素

$(document).ready(function(){ $("p").eq(1); });

4.4filter()返回指定过滤元素

$(document).ready(function(){ $("p").filter(".url"); });

4.5not()返回指定元素之外的

$(document).ready(function(){ $("p").not(".url"); });