jQuery Traversal

O que é iteração?

Iteração do jQuery, significa 'mover', usado para 'procurar' (ou selecionar) elementos HTML com base em suas relações相对于其他元素.

A figura a seguir mostra uma árvore familiar. Através da iteração do jQuery, você pode começar a partir do elemento selecionado (atual) e se mover facilmente para cima (antepassados), para baixo (descendentes) e horizontalmente (irmãos). Este movimento é chamado de iteração no DOM.

Explicação gráfica:

Traverse DOM Tree
  • O elemento <div> é pai do elemento <ul>, ao mesmo tempo em que é antepassado de todo o conteúdo nele.
  • O elemento <ul> é pai do elemento <li>, ao mesmo tempo em que é filho do <div>.
  • O elemento <li> à esquerda é pai do <span>, filho do <ul> e descendente do <div>.
  • O elemento <span> é filho do <li>, ao mesmo tempo em que é descendente do <ul> e <div>.
  • Os dois elementos <li> são irmãos (têm o mesmo pai).
  • O elemento <li> à direita é pai do <b>, filho do <ul> e descendente do <div>.
  • O elemento <b> é filho do <li> à direita, ao mesmo tempo em que é descendente do <ul> e <div>.

Dica:Os antepassados são pai, avô, bisavô, etc. Os descendentes são filho, neto, bisneto, etc. Os irmãos têm o mesmo pai.

Iterar pelo DOM

O jQuery oferece várias maneiras de iterar pelo DOM.

O maior tipo de método de iteração é a iteração de árvore (tree-traversal).

O próximo capítulo explicará como mover-se para cima, para baixo e no nível do DOM.

Manual de referência de iteração do jQuery

Para saber todos os métodos de iteração do jQuery, acesse nossa Manual de referência de iteração do jQuery.