아이들의 수를 어떻게 셀 수 있습니까?

아이들의 수를 어떻게 셀 수 있습니까?

목록이 있습니다.

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

제 목록에 있는 항목 수를 세려면 jQuery가 필요합니다.

다음과 같이 사용할 수 있습니다.

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

.length 선택기가 발견한 일치 항목 수를 나타내므로 이 값은 검색된 항목 수를 계산합니다.<li>아래<ul>당신이 가지고 있는 요소들...하위 자식이 있는 경우 사용"ul > li"대신에 직접적인 아이들만 얻는 것.다른 것이 있다면,<ul>페이지의 요소, 예를 들어 사용할 ID가 있는 경우 선택기만 해당 선택기와 일치하도록 변경하십시오."#myListID > li".

하위 유형을 모르는 다른 상황에서는 다음을 사용할 수 있습니다.*(계속) 선택기, 또는.children()다음과 같이:

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

또는:

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

이를 위해 jQuery가 필요하지 않습니다.자바스크립트의.childNodes.length.

기본 텍스트 노드(기본적으로 비어 있음)를 포함하지 않으려면 1을 빼십시오.따라서 다음을 사용할 수 있습니다.

var count = elem.childNodes.length - 1;

사용해 보십시오.

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

사용할 수 있습니다.Element.childElementCount

참조: https://developer.mozilla.org/en-US/docs/Web/API/Element/childElementCount

let count = ThatParentElement.childElementCount;

이를 사용하여 하위 항목을 찾을 현재 선택기를 결정하면 다음과 같습니다.<ol>그렇다면 있습니다.<li>선택기 쓰는 법을 배우는 것var count = $(this+"> li").length;작동하지 않을 것입니다.

jQuery를 사용하여 이 작업을 수행할 수 있습니다.

이 메서드는 자식 목록을 가져온 다음 해당 목록의 길이를 계산합니다.

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

find() 메서드는 하위 항목을 따라 DOM 아래쪽으로 이동하며, 마지막 하위 항목까지 계속 이동합니다.

참고: 하위() 메서드는 DOM 트리 아래의 단일 수준을 통과합니다.

언급URL : https://stackoverflow.com/questions/3546659/how-can-i-count-the-number-of-children