Wie kann ich die Anzahl der Kinder zählen?

Ich habe eine Liste

<ul>
  <li>
  <li>
  <li>
  ...
</ul>

Ich benötige jQuery, um die Anzahl der Elemente in meiner Liste zu zählen.

Sie können .lengthwie folgt verwenden:

var count = $("ul li").length;

.lengthGibt an, wie viele Übereinstimmungen der Selektor gefunden hat. Dies zählt also, wie viele <li>unter <ul>Elementen Sie haben. Wenn Unterkinder vorhanden sind, verwenden Sie "ul > li"stattdessen, um nur direkte Kinder zu erhalten. Wenn <ul>Ihre Seite andere Elemente enthält, ändern Sie einfach den Selektor so, dass er nur seinem entspricht, z. B. wenn er eine ID enthält, die Sie verwenden möchten "#myListID > li".

In anderen Situationen, in denen Sie den untergeordneten Typ nicht kennen, können Sie den *(Platzhalter-) Selektor verwenden oder .children()wie folgt:

var count = $(".parentSelector > *").length;

oder:

var count = $(".parentSelector").children().length;

Dafür benötigen Sie jQuery nicht. Sie können JavaScript verwenden .childNodes.length.

Stellen Sie einfach sicher, dass Sie 1 subtrahieren, wenn Sie den Standardtextknoten (der standardmäßig leer ist) nicht einschließen möchten. Daher würden Sie Folgendes verwenden:

var count = elem.childNodes.length - 1;

Versuchen Sie, Folgendes zu verwenden:

var count = $("ul > li").size();
alert(count);

Was passiert , wenn Sie diese den aktuellen Selektor zu bestimmen , werden mit ihren Kindern zu finden , so gilt dies: <ol>dann gibt es <li>s unter , wie ein Wähler schreiben var count = $(this+"> li").length;nicht funktionieren ..

Sie können dies mit jQuery tun:

Diese Methode ruft eine Liste ihrer untergeordneten Elemente ab und zählt dann die Länge dieser Liste, so einfach ist das.

$("ul").find("*").length;

Die find () -Methode durchläuft das DOM entlang der Nachkommen nach unten bis zum letzten Nachkommen.

Hinweis: Die child () -Methode durchläuft eine einzelne Ebene im DOM-Baum.