Using jQuery Document Traversal Features

The DOM of a Web page is organized as a tree structure. The elements in the page have family-like names to refer to their positions relative to other elements.

For example, the HEAD and BODY tags are "children" of the HTML tag, and are "siblings" of each other. They have the HTML tag as their "parent". jQuery provides functions for navigating the document tree and processing sets of elements, such as:

• children(): Retrieves all the child elements of the matched elements, except text nodes
• prev(), next(), parent(): used to traverse the family relationships of an element
• find(): search within a given element to find elements that match a selector expression
• each(): loops over a set of matched elements and calls a function for each one