Hvordan finne Barna av et element i jQuery

HTML elementer inkluderer noen del av en webside, for eksempel overskrifter, tabeller, bilder og avsnitt. Når du reir HTML-kodene inne i hverandre, oppretter du forelder og barn elementer. Den øverste element er den overordnede mens alle nestede elementer blir barna. I jQuery, kan du få barna til et element ved hjelp av "barn ()"-funksjonen, men du må sløyfe gjennom rekke verdier som funksjon skaper. Instruksjoner
en

Sjekk at koden inneholder en referanse til jQuery biblioteket før du prøver å skript i jQuery. Legg denne koden inne i "" tags på websiden hvis du ikke ser referanse:

2

Legg et par skriptkodene under jQuery biblioteket referanse og skrive en funksjon for å kontrollere at siden er ferdig lasting. Hele skriptet vil gå mellom klammeparentes av denne funksjonen: en

3

Velg HTML-elementet du trenger for å få en liste over barn elementer fra. For eksempel, hvis du ønsker å få barn av en ikke-sorterte liste, velger du "ul" element. Føye velgeren med "barn ()"-funksjonen for å få barn:.

$ ('Ul.level-2') barn ();

Eksempelet ovenfor vil velge en uordnet liste som er gitt en klasse navnet "nivå-2." Men når "barn ()" finner flere underordnede elementer, vil det skape en matrise med verdier. Du trenger spesiell kode for å behandle en matrise.
4

Tilføy "barn ()" med "hver ()" for å bla gjennom rekke underordnede elementer. Siden dette er en looping struktur, trenger du en tellervariabelen, men du trenger ikke å lage det på forhånd i jQuery. Pass "i" som et argument i "hver ()" for å få disken:..

$ ('Ul.level-2') barn () hver (funksjon (i) {
< p>});
5

Erklærer en variabel som vil holde teksten verdien av hvert barn element. Du kan få andre verdier fra elementene, men teksten vil returnere noen tekst funnet inne barna og er nyttig for flytte data. Sette variabelen til «$ (dette)" for å få det aktuelle elementet at "hver ()"-funksjonen fungerer på. Append "$ (dette)" med "tekst ()" for å få teksten:.

Var childEl = $ (denne) text ();
6

Output verdiene til siden din ved å velge et element og tilføye "append ()" så "hver ()"-funksjonen kan fortsette å legge verdier som den finner dem:.

$ ('div') append (i + ":" + childEl + "");

I dette eksemplet er "childEl" er utgang til et sett med "