jQuery prehod, traversing
Vadnica logo
vadnica logo
x
HTML CSS JavaScript jQuery SQL PHP Laravel
HTML CSS JavaScript jQuery Namestitev Sintaksa Izbirniki Dogodki Učinki Animacije DOM Prehod Predniki (ang. Ancestors) Potomci (ang. Descendants) Bratje in sestre (ang. Siblings) Filtriranje (ang. Filtering) Knjižnica MySQL PHP Laravel

jQuery prehod (ang. Traversing)

jQuery prehod pomeni "premikanje skozi" in se uporablja za iskanje ali izbiro HTML elementov na podlagi njihovega odnosa do drugih elementov. Začnemo z enim izborom in se premikamo po tem izboru, dokler ne dosežemo željenih elementov. Spodaj bomo videli sliko, ki ponazarja HTML stran kot drevo. S prečkanjem se lahko preprosto premikamo navzgor (predniki), navzdol (potomci) in vstran (bratje in sestre) v drevesu, začenši z izbranim oziroma trenutnim elementom. To gibanje se imenuje prečkanje ali prehod, ali premikanje skozi drevo.

jQuery prehod (ang. Traversing)
jQuery prehod (ang. Traversing)

Poskušal bom razložiti zgornjo sliko in sicer <div> je nadrejeni element <ul> elementu in prednik vsega, kar je v njem. Element <ul> je nadrejeni elementoma <li> in podrejeni <div> elementu. Levi element <li> je nadrejeni element <span> elementu, podrejeni element <ul> in potomec <div> elementa. Element <span> je podrejeni element levega <li> elementa in potomec <ul> in <div> elementa. Elementa <li> sta brata in sestra, pomeni, da imata istega starša. Desni element <li> je nadrejeni element <b> elementu, podrejeni element <ul> elementu in potomec <div> elementa. Element <b> je otrok desnega <li> elementa in potomec <ul> in <div> elementoma.

Predniki (ang. Ancestors)

Z jQuery se lahko premikamo po drevesu DOM navzgor, da poiščemo prednike elementa, ki vemo, da je to lahko starš, stari starš, prastarši in tako naprej. Za pomikanje navzdol po drevesu su uporabne tri metode. Te metode so parent() (slo. Starš), parents() (slo. Starši) in parentsUntil() (slo. Starši Do).

Predniki (ang. Ancestors)

parent() Metoda parent() vrne neposredni element izbranega elementa. Glej primer
parents() Metoda parents() vrne vse elemente prednikov izbranega elementa. Glej primer
parentsUntil() Metoda parentsUntil() vrne vse elemente prednikov med dvema podanima argumentoma. Glej primer

Potomci (ang. Descendants)

Z jQuery se lahko premikamo navzdol po drevesu DOM in poiščemo potomce elementa. Potomec je lahko otrok (ang. Child), vnuk (ang. Grandchild), pravnuk (ang. Great-grandchild) itn. Za premikanje navzdol po drevesu DOM poznamo dve metodi in to sta children() in find().

Potomci (ang. Descendants)

children() Metoda children() vrne vse neposredne potomce izbranega elementa. Glej primer
find() Metoda find() vrne elemente potomce izbranega elementa. Glej primer

Bratje in sestre (ang. Siblings)

Z jQuery lahko po drevesu DOM poiščemo sorodnike elementa, bratje in sestre imajo istega starša in se premikamo vstran v drevesu DOM. Obstaja veliko uporabnih metod za bočno premikanje po drevesu DOM, kot je siblings(), next(), nextAll(), nextUntil(), prev(), prevAll() in prevUntil().

Bratje in sestre (ang. Siblings)

siblings() Metoda siblings() vrne vse sorodne elemente izbranega elementa. Glej primer
next() Metoda next() vrne naslednji soroden element izbranega elementa. Glej primer
nextAll() Metoda nextAll() vrne vse naslednje sorodne elemente izbranega elementa. Glej primer
nextUntil() Metoda nextUntil() vrne vse naslednje sorodne elemente med dvema podanima argumentoma. Glej primer
prev() Metoda prev() vrne prejšnji sorodni element izbranega elementa. Glej primer
prevAll() Metoda prevAll() vrne vse prejšnje sorodne elemente izbranega elementa. Glej primer
prevUntil() Metoda prevUntil() vrne vse prejšnje sorodne elemente med dvema podanima argumentoma. Glej primer

Filtriranje (ang. Filtering)

Najosnovnejše metode filtriranja so fist(), last() in eq(), ki nam omogočajo, da izberemo določen element na podlagi njegovega položaja v skupini elementov. Drugi metodi filtriranja sta še filter() in not(), ki nam omogočata, da izberemo elemente, ki ustrezajo ali ne ustrezajo določenim kriterijem.

Filtriranje (ang. Filtering)

first() Metoda first() vrne prvi element od navedenih elementov. Glej primer
last() Metoda last() vrne zadnji element od navedenih elementov. Glej primer
eq() Metoda eq() vrne element z določeno indeksno številko izbranih elementov. Glej primer
filter() Metoda filter() nam omogoča, da določimo kriterij. Glej primer
not() Metoda not() vrne vse elemente, ki ne ustrezajo kriterijem. Glej primer

Hvala za obisk! Dodajam politiko zasebnosti.

© 2024 Vse pravice pridržane.

Donirajte preko PayPal ADMIN