jQuery zählen die Kind-Elemente

HTML:

<div id="selected">
  <ul>
    <li>29</li>
    <li>16</li>
    <li>5</li>
    <li>8</li>
    <li>10</li>
    <li>7</li>
  </ul>
</div>

Möchte ich zum zählen der Gesamtzahl der <li> Elemente in <div id="selected"></div>. Wie ist das möglich mit Hilfe von jQuery .children([selector])?

stackoverflow.com/questions/250688/...
In reinem JS, @Mo.'s Antwort ist eine Art von low immer noch, aber verwenden Sie element.childelementCount

InformationsquelleAutor gautamlakum | 2010-11-27

563

Können Sie .Länge mit nur einem Nachfahren-Selektor, wie diese:
```
var count = $("#selected li").length;
```
Wenn Sie .Kinder(), dann ist es wie dieses:
```
var count = $("#selected ul").children().length;
```
Testen kann man beide Versionen hier.

InformationsquelleAutor Nick Craver
30
```
$("#selected > ul > li").size()
```
oder:
```
$("#selected > ul > li").length
```
- Nur eine Bemerkung .size() ist veraltet, zu Gunsten von .Länge
InformationsquelleAutor bcosca
17

Schnellste:
```
$("div#selected ul li").length
```
- Dies ist nicht die Schnellste, in der Tat verlangsamt es nach unten durch hinzufügen div dort 🙂
- probieren Sie es aus und vergleichen Sie die Zeit
- Es hängt wirklich davon ab, welchen browser Sie verwenden. In vielen modernen Browsern, hinzufügen das element verwendet findByElement vor der Feststellung durch id oder Klasse, die ist langsamer. Bald wird dies ein strittiger Punkt sein oder so, aber da alle DOM sucht wird durchgeführt unter Verwendung einer nativen Funktion. In jedem Fall, eine einfache getElementById('selected') oder $('#selected') wäre schneller an diesem Punkt.
InformationsquelleAutor Ali Tarhini

var length = $('#selected ul').children('li').length
//or the same:
var length = $('#selected ul > li').length

Sie könnte wahrscheinlich auch weglassen li in der Kinder-Selektor.

Sehen .Länge.

InformationsquelleAutor Felix Kling

13

Können Sie JavaScript verwenden (don ' T need jQuery)
```
document.querySelectorAll('#selected li').length;
```
InformationsquelleAutor Đặng Văn Thanh

$('#selected ul').children().length;

oder noch besser

 $('#selected li').length;

InformationsquelleAutor Martin Algesten

Ist es einfach möglich mit childElementCount in reinem javascript

JS:

var countItems = document.getElementsByTagName("ul")[0].childElementCount;
console.log(countItems);

HTML:

<div id="selected">
  <ul>
    <li>29</li>
    <li>16</li>
    <li>5</li>
    <li>8</li>
    <li>10</li>
    <li>7</li>
  </ul>
</div>

InformationsquelleAutor Mo.

Reine js

selected.children[0].children.length;

JS:

let num = selected.children[0].children.length;

console.log(num);

HTML:

<div id="selected">
  <ul>
    <li>29</li>
    <li>16</li>
    <li>5</li>
    <li>8</li>
    <li>10</li>
    <li>7</li>
  </ul>
</div>

InformationsquelleAutor Kamil Kiełczewski

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.