Bestimmungsschritte: 1. Verwenden Sie children(), um alle direkten Teilmengenelemente des angegebenen Elements abzurufen. Die Syntax „specified element object.children();“ gibt ein Jquery-Objekt zurück, das Teilmengenelemente enthält Die Anzahl der Elemente in der Teilmenge lautet „jquery object.length“. 3. Verwenden Sie den Operator „>=“, um zu bestimmen, ob die Anzahl der Elemente in der Teilmenge größer oder gleich 1 ist „Anzahl der Elemente >= 1“, wenn sie größer oder gleich ist. Wenn 1, gibt es Unterelemente, andernfalls gibt es keine Unterelemente.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.0-Version, Dell G3-Computer.
jquery-Methode, um zu bestimmen, ob ein Element untergeordnete Elemente hat
In jquery können Sie die Methode children() und das Attribut length verwenden, um zu bestimmen, ob ein Element untergeordnete Elemente hat.
Umsetzungsschritte:
Schritt 1: Verwenden Sie children(), um alle direkten Teilmengenelemente des angegebenen Elements abzurufen
Geben Sie das Element object.children() an.gibt ein JQuery-Objekt zurück, das die Teilmengenelemente enthält
Schritt 2: Verwenden Sie das Längenattribut, um die Anzahl der Teilmengenelemente im JQuery-Objekt zu zählen
jquery object.lengthSchritt 3: Verwenden Sie den Operator „>=“, um zu bestimmen, ob die Anzahl der Teilmengenelemente größer oder gleich 1 ist
Die Anzahl der Teilmengenelemente >= 1Wenn größer oder gleich 1, gibt es im angegebenen Element untergeordnete Elemente.
Wenn der Wert kleiner als 1 ist, gibt es im angegebenen Element untergeordnete Elemente
Implementierungscode:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="js/jquery-3.6.0.min.js"></script><script type="text/ javascript">$(document).ready(function() {$("button").click(function() {$len=$("div").children().length;if ($len>=1 ) {console.log("Es gibt untergeordnete Elemente im angegebenen Element");} else {console.log("Es gibt keine untergeordneten Elemente im angegebenen Element");}});});</script>< /head><body ><div style="border: 1px solid red;"><p>Untergeordnetes Element 1</p><span>Untergeordnetes Element 2</span><span>Untergeordnetes Element 2</span>< p>Untergeordnetes Element 3 </p><p>Untergeordnetes Element 4</p></div><br><button>Geben Sie an, ob das div-Element untergeordnete Elemente hat</button></body></html>
[Empfohlenes Lernen: jQuery-Video-Tutorials, Web-Front-End-Videos]
Das Obige ist der detaillierte Inhalt, wie jquery bestimmt, ob ein Element untergeordnete Elemente hat. Weitere Informationen finden Sie in anderen verwandten Artikeln auf dieser Website!