jQuery 遍历 #8211; 同胞(siblings).pdfVIP

j Query 遍历 – 同胞(siblings) j Query 遍历 - 同胞(siblings) 同胞拥有相同的⽗元素。 通过 j Query ，您能够在 DOM 树中遍历元素的同胞元素。 在 DOM 树中⽔平遍历 有许多有⽤的⽅法让我们在 DOM 树进⾏ 平遍历： siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil() j Query siblings() ⽅法 siblings() ⽅法返回被选元素的所有同胞元素。 下⾯的例⼦返回 h2 的所有同胞元素： 实例 $(do ument) .ready(fun tion(){ $(h2) .siblings(); }); 尝试⼀下 » 您也可以使⽤可选参数来过滤对同胞元素的搜索。 下⾯的例⼦返回属于 h2 的同胞元素的所有 p 元素： 实例 $(do ument) .ready(fun tion(){ $(h2) .siblings(p ); }); 尝试⼀下 » j Query next() ⽅法 next() ⽅法返回被选元素的下⼀个同胞元素。 该⽅法只返回⼀个元素。 下⾯的例⼦返回 h2 的下⼀个同胞元素： 实例 $(do ument) .ready(fun tion(){ $(h2) .next(); }); 尝试⼀下 » j Query nextAll() ⽅法 nextAll() ⽅法返回被选元素的所有跟随的同胞元素。 下⾯的例⼦返回 h2 的所有跟随的同胞元素： 实例 $(do ument) .ready(fun tion(){ $(h2) .nextAll(); }); 尝试⼀下 » j Query nextUntil() ⽅法 nextUntil() ⽅法返回介于两个给定参数之间的所有跟随的同胞元素。 下⾯的例⼦返回介于 h2 与 h6 元素之间的所有同胞元素： 实例 $(do ument) .ready(fun tion(){ $(h2) .nextUntil(h6); }); 尝试⼀下 » j Query prev(), prevAll() prevUntil() ⽅法 prev(), prevAll() 以及 prevUntil() ⽅法的⼯作⽅式与上⾯的⽅法类似，只不过⽅向相反 ⽽已：它们返回的是前⾯的同胞元素 （在 DOM 树中沿着同胞元素向后遍历，⽽不是 向前）。 W3Cs hool （www.w3 s hool. n ）最⼤的技术知识分享与学习平台 此篇内 来⾃于w3 s hool. n ⽹站⽤户上传并发布。