자녀 수를 어떻게 셀 수 있습니까?

자녀 수를 어떻게 셀 수 있습니까?

---

목록이 있습니다

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

내 목록의 항목 수를 계산하려면 jQuery가 필요합니다.

---

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

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가 필요하지 않습니다. JavaScript의 .childNodes.length.

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

var count = elem.childNodes.length - 1;

---

사용해보십시오 :

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

---

이것을 사용하여 자식을 찾기 위해 현재 선택자를 결정하는 경우 이것이 유지됩니다. <ol>그러면 <li>선택기를 작성하는 방법이 var count = $(this+"> li").length;작동하지 않습니다.

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