jQuery doorkruisen
Wat is doorkruisen?
jQuery traversing, wat "doorgaan" betekent, wordt gebruikt om HTML-elementen te "vinden" (of te selecteren) op basis van hun relatie tot andere elementen. Begin met één selectie en ga door die selectie totdat je de gewenste elementen hebt bereikt.
De afbeelding hieronder illustreert een HTML-pagina als een boom (DOM-boom). Met jQuery-traversing kunt u gemakkelijk omhoog (voorouders), omlaag (afstammelingen) en zijwaarts (broers en zussen) in de boom gaan, beginnend bij het geselecteerde (huidige) element. Deze beweging wordt doorkruisen - of bewegen door - de DOM-boom genoemd.
Illustratie uitgelegd:
- Het <div>-element is de ouder van <ul> en een voorouder van alles erin
- Het <ul> element is de ouder van beide <li> elementen, en een kind van <div>
- Het linker <li>-element is het bovenliggende element van <span>, het onderliggende element van <ul> en een afstammeling van <div>
- Het <span> element is een kind van de linker <li> en een afstammeling van <ul> en <div>
- De twee <li> elementen zijn broers en zussen (ze delen dezelfde ouder)
- Het rechter <li>-element is de ouder van <b>, kind van <ul> en een afstammeling van <div>
- Het <b> element is een kind van het juiste <li> en een afstammeling van <ul> en <div>
Een voorouder is een ouder, grootouder, overgrootouder, enzovoort.
Een afstammeling is een kind, kleinkind, achterkleinkind, enzovoort.
Broers en zussen delen dezelfde ouder.
De DOM oversteken
jQuery biedt een verscheidenheid aan methoden waarmee we de DOM kunnen doorkruisen.
De grootste categorie traversal-methoden zijn tree-traversal.
De volgende hoofdstukken laten ons zien hoe we omhoog, omlaag en zijwaarts in de DOM-boom kunnen reizen.
jQuery Traversing Referentie
Ga voor een compleet overzicht van alle jQuery Traversing-methoden naar onze jQuery Traversing Reference .