Die Methoden, die jquery zum Durchlaufen von Knoten verwenden kann, sind: 1. children(), die alle direkten untergeordneten Elemente zurückgeben können 2. next(), die das nächste Geschwisterelement des ausgewählten Elements zurückgeben kann; , das das ausgewählte Element zurückgeben kann. 4. prev(); 5. siblings() und so weiter.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
1. Methode „children()“: $('p').children()---Traverse, um alle untergeordneten Elementknoten des p-Elements zu finden
2 ( )Methode: $('p').next() --- Benachbarte Geschwisterelemente nach dem p-Element finden, aber nicht alle Geschwisterelemente[Verwandte Methoden]
(1)nextAll()-Methode: $ ('p ').nextAll()----Finde alle Geschwisterelemente nach p
(2)nextUntil() Methode: $('p').nextUntil('p')----Finde p Danach alle Geschwisterelemente bis p-Element
<p>Hello</p> <div> <span>Hello Again</span> <p class="box">您好!</p> </div> <p>And Again</p> <script type="text/javascript"> $('div').children(); //<span>Hello Again</span><p class="box">您好!</p> $('div').children('.box') //<p class="box">您好!</p> </script>
[Verwandte Methoden sind ]
(1) prevAll()-Methode: $('p').prevAll() ---- Alle Geschwisterelemente vor p finden
(2) prevUntil()-Methode: $('p') -- - Finde alle Elemente vor p bis p-Element
<p>Hello</p> <p class="box">Hello Again</p> <div> <span>And Again</span> </div> <script type="text/javascript"> $('p').next(); //<p>Hello Again</p><div><span>And Again</span></div> $('p').next('.box'); //<p class="box">Hello Again</p> </script>
4. siblings()-Methode: $('p').siblings()---- Finde alle Geschwisterelemente vor und nach p
5. $('p').find('span') ---- Finden Sie das Unterelement innerhalb des p-Elements und es ist ein span-Element
6. 1) --- Finden Sie das zweite p-Element (Indexindex beginnt bei 0)
7 first() Methode: $('li').first() --- Holen Sie sich das erste li-Element
8. ) Methode: $('li').last() --- Holen Sie sich das letzte li-Element
9. Methode: $('p').filter('.box') --- Holen Sie sich das p Element mit dem Klassennamen box
10. is()-Methode: $('.box').is('p') ---- Bestimmen Sie, ob .box ein p-Element ist
11 ('p').map(callback) --- Führen Sie die Callback-Funktion für jedes p aus
Beispiel: Durchlaufen Sie das Eingabeelement, um seinen Wert zu erhalten, und fügen Sie ihn hinter dem p-Element hinzu, getrennt durch ","
<p>Hello</p> <div> <span>Hello Again</span> </div> <p>And Again</p> <script type="text/javascript"> $('p').prev(); //<div><span>Hello Again</span></div> </script>
12. hasClass()-Methode: $('p').hasClass('box') ---- Finden Sie p mit dem Klassennamenfeld
13. has()-Methode: $('p').has( 'span ') ---- p-Elemente finden, die span-Elemente enthalten
14. not()-Methode: $('p').not('span') ---- p-Elemente finden, die keine span-Elemente enthalten p-Element
15, Slice()-Methode: $('p').slice(0,2) ---- Finden Sie das erste p-Element bis zum dritten p-Element
16, offsetParent()-Methode: $('p' ).offsetParent() --- Finden Sie das erste positionierte Vorfahrenelement des p-Elements
17 parent()-Methode: $('p').parent() ---- Gibt das Element zurück, das p enthält Der einzige übergeordnete Knoten des Elements
18. parent()-Methode: $('p').parent() ---- Gibt alle Vorgängerknoten zurück, die das p-Element enthalten (mit Ausnahme des Wurzelknotens)
19 : $('p').parentUntil('#box') ---- Finden Sie die Vorgängerelemente des p-Elements bis #box
20 content() Methode: $('p').contents () - -- Gibt alle untergeordneten Knoten (einschließlich Textknoten) innerhalb des p-Elements zurück
21 end()-Methode: $('p').find('span').end() ---- Ersetzen Sie die Anweisung The main Der Körper wechselt in den vorherigen Zustand zurück, das heißt: Nachdem das span-Element gefunden wurde, kehrt der Fokus zum p-Element zurück
Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zum Durchlaufen von Knoten in jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!