Heim > Web-Frontend > Front-End-Fragen und Antworten > Wie bestimmt Jquery, wie viele Li es in ul gibt?

Wie bestimmt Jquery, wie viele Li es in ul gibt?

WBOY
Freigeben: 2022-06-09 10:41:56
Original
2464 Leute haben es durchsucht

Wie jquery bestimmt, wie viele li-Elemente es in ul gibt: 1. Rufen Sie das li-Elementobjekt unter dem angegebenen ul ab, die Syntax lautet „$(“ul li“)“ 2. Verwenden Sie das Längenattribut, um die Anzahl zu erhalten li-Elementobjekte, dieses Attribut Die Funktion besteht darin, die Anzahl der im jQuery-Objekt enthaltenen Elemente abzurufen. Die Syntax lautet „li element object.length“.

Wie bestimmt Jquery, wie viele Li es in ul gibt?

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.4.1-Version, Dell G3-Computer.

Wie ermittelt jquery, wie viele li es in ul gibt?

1. Holen Sie sich das li-Elementobjekt. Die Syntax lautet:

$("ul li")
Nach dem Login kopieren
Das Längenattribut enthält die Anzahl der Elemente im jQuery-Objekt.

Grammatik

$(selector).length
Nach dem Login kopieren

Das Beispiel lautet wie folgt:





123

<script>
$(document).ready(function(){
$("button").click(function(){
alert($(&quot;ul li&quot;).length);
});
});
</script>

  • Coffee
  • Milk
  • Soda
Nach dem Login kopieren
Ausgabeergebnis:

Nach dem Klicken auf die Schaltfläche:


Video-Tutorial-Empfehlung:

jQuery-Video-TutorialWie bestimmt Jquery, wie viele Li es in ul gibt?

Das obige ist der detaillierte Inhalt vonWie bestimmt Jquery, wie viele Li es in ul gibt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage