JQuery 遍历
向上遍历
- parent()
- parents()
- parentsUntil()
jQuery parent() 方法
parent() 方法返回被选元素的直接父元素。
该方法只会向上一级对 DOM 树进行遍历。
$("span").parent();
jQuery parents() 方法
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。 可以进行过滤
$("span").parents(); $("span").parents("ul");
jQuery parentsUntil() 方法
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
$("span").parentsUntil("div");
向下遍历
- children()
- find()
jQuery children() 方法
children() 方法返回被选元素的所有直接子元素。
该方法只会向下一级对 DOM 树进行遍历。 (只会选中子,不会选中孙) 可以进行过滤
$("div").children(); $("div").children("p.1");
jQuery find() 方法
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。 可以进行过滤
$("div").find("span"); $("div").find("*");
同一级元素
- siblings()
- next()
- nextAll()
- nextUntil()
- prev()
- prevAll()
- prevUntil()
jQuery siblings() 方法
siblings() 方法返回被选元素的所有同胞元素。 可过滤
$("h2").siblings(); $("h2").siblings("p");
jQuery next() 方法
next() 方法返回被选元素的下一个同胞元素。
该方法只返回一个元素。
$("h2").next();
jQuery nextAll() 方法
nextAll() 方法返回被选元素的所有跟随的同胞元素。
$("h2").nextAll();
jQuery nextUntil() 方法
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
$("h2").nextUntil("h6");
jQuery prev(), prevAll() & prevUntil() 方法
prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。
jQuery filter() 方法
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
$("p").filter(".intro");
jQuery not() 方法
not() 方法返回不匹配标准的所有元素。
提示:not() 方法与 filter() 相反。
jQuery 遍历 - each() 方法
var Aids = “1,2,3,4,5”.split(','); for (var i = 0; i < Aids.length; i++) { consoelo.log(Aids[i]); }
$.each(Aids, function (i, index) { console.log(index); //i为索引值,index为当前元素 });
$(Aids).each(function () { console.log(this); });