jQuery Traversing

[Guest]

jQuery Traversing


What is Traversing?
jQuery traversing, which means "move through", are used to "find" (or select)
HTML elements based on their relation to other elements. Start with one
selection and move through that selection until you reach the elements you
desire.
The image below illustrates an HTML page as a tree (DOM tree). With jQuery traversing, you can
easily move up (ancestors), down (descendants) and sideways (siblings) in the tree, starting from the
selected (current) element. This movement is called traversing - or moving
through - the DOM tree.


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>


An ancestor is a parent, grandparent, great-grandparent, and so on.A
descendant is a child, grandchild, great-grandchild, and so on.
Siblings share the same parent.


Traversing the DOM
jQuery provides a variety of methods that allow us to traverse the DOM.
The largest category of traversal methods are tree-traversal.
The next chapters will show us how to travel up, down and sideways in
the DOM tree.

jQuery Traversing Reference
For a complete overview of all jQuery Traversing methods, please go to our
jQuery Traversing Reference.












★
+1

Reference: https://www.w3schools.com/jquery/jquery_traversing.asp

[Carll942]

I traveled to Cyprus for a short vacation and quickly realized that getting around the island without a car could be tricky if you want flexibility and comfort. Instead of renting a vehicle, I decided to rely on local taxi services for all my transfers. From airport pickup to daily trips along the coast, everything was handled professionally and on time. The drivers were friendly, knew the routes well, and often gave useful tips about places to visit. The cars were clean, air-conditioned, and comfortable even for longer rides. One evening I needed a quick transfer back to the hotel and again used taxi-cyprus.eu, which responded immediately and made the process very simple. Overall, the experience allowed me to enjoy my trip without worrying about transportation logistics and made moving around the island completely stress-free.