jQuery Traversing

What is Traversing?

jQuery traversal, which literally means "move through", is used to "find" (or select) HTML items based on their relationships with other elements. Start with one option and work your way through it until you find the elements you want.

The picture below shows an HTML tree page (DOM tree). By crossing jQuery you can quickly move up (ancestors), down (descendants) and sideways (siblings) from the selected (current) element in your tree. This movement is known as the DOM Tree, which crosses or passes.

Illustration explained :

• The div element is the parent of ul, and an ancestor of everything inside of it.
• The ul element is the parent of both li elements, and a child of div.
• The left li element is the parent of span, child of ul and a descendant of div.
• The span element is a child of the left li and a descendant of ul and div.
• The two li elements are siblings (they share the same parent).
• The right li element is the parent of b, child of ul and a descendant of div.
• The b element is a child of the right li and a descendant of ul and div.

A parent, grandparent, great-grandparent, and so on are all examples of ancestors.

A descendant is defined as a child, grandchild, great-grandchild, and so on.

The parent is shared by siblings.

jQuery provides a number of ways for traversing the DOM.

Tree traversal is the most common type of traversal method.