선택한 요소의 개수를 반환하는 방법 - .length

.length

.length는 선택한 요소의 개수를 반환하는 속성입니다.

예를 들어

$( 'div' ).length

는 div 요소의 개수입니다.

 

예제

버튼을 클릭하면 li 요소의 개수를 출력합니다.

<button>Click To Count</button>
<ul>
  <li>Lorem</li>
  <li>Ipsum</li>
  <li>Dolor</li>
</ul>

$( document ).ready( function() {
  $( 'button' ).click( function() {
    var n = $( 'li' ).length;
    $( 'ul' ).after( '<p>There are ' + n + ' lists.</p>' );
  });
});