肉渣教程

jQuery 遍历

上一节 下一节

什么是遍历?

所谓1个HTML文档或者部分HTML文档,就好像是一个人的奇经八脉;而“遍历”就好比是注入真气,游走奇经八脉,从而知道穴位与穴位之间的关系;只是jQuery遍历的是由HTML元素构成的DOM树,真气游走DOM树后,就可以知道这些HTML元素之间的祖谱关系。

如上图的DOM树所示,经过遍历可以得到:

  • 最上面的div元素是ul元素的父元素,因此,div元素是ul元素的祖先
  • 作为div元素的子元素的ul元素有两个子元素,分别是两个li元素
  • 第一个li元素,有两个子元素,分别是两个span元素,都是li元素的后代
  • 这两个span元素因为拥有共同的父元素,因此它们两属于同辈元素
  • 第二个li元素,只有一个子元素,即b元素,div元素、ul元素、第二个li元素都是这个b元素的祖先
  • ……

总结一下,就如下这3条口诀:父元素、父元素的父元素、父元素的父元素的父元素……都是祖先;子元素、子元素的子元素、子元素的子元素的子元素……都是后代;同辈指的是拥有共同的父元素。


jQuery 遍历

上一节 下一节