j쿼리 수 하위 요소

j쿼리 수 하위 요소

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

의 총수를 세고 싶다.<li>요소<div id="selected"></div>jQuery's를 사용하여 어떻게 그것이 가능합니까?.children([selector])?

다음과 같이 하위 선택기에서만 사용할 수 있습니다.

var count = $("#selected li").length;

를 사용해야 하는 경우 다음과 같습니다.

var count = $("#selected ul").children().length;

두 버전을 모두 테스트할 수 있습니다.

$("#selected > ul > li").size()

또는 다음과 같이 입력합니다.

$("#selected > ul > li").length

가장 빠른 것:

$("div#selected ul li").length

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

아마 생략할 수도 있을 겁니다.li어린이용 셀렉터에 있습니다.

를 참조해 주세요.

JavaScript 사용 가능(jQuery 필요 없음)

document.querySelectorAll('#selected li').length;

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

혹은 더 나은

 $('#selected li').length;

이라면 간단히 할 수 있다childElementCount완전한 자바스크립트로

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

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

순수 js

selected.children[0].children.length;

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

console.log(num);

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

언급URL : https://stackoverflow.com/questions/4291151/jquery-count-child-elements