jQuery로 요소 계산


112

특정 클래스가있는 페이지의 요소 수를 계산하는 방법이 있습니까?

답변:


229
$('.someclass').length

다음을 사용할 수도 있습니다.

$('.someclass').size()

기능적으로는 동일하지만 전자가 선호 됩니다. 실제로 후자는 이제 더 이상 사용되지 않으며 새로운 개발에 사용해서는 안됩니다.


그것을 찾고 있지는 않지만 최근에 Meta에서 "어떻게 찬성 투표합니까?"를 읽었습니다. , 그리고 Jeff Atwood가 "문제를 조사하고 답을 찾을 때마다"라는 인용문이있었습니다 . 내 정확한 상황.
brasofilo

13
공지 사항이 .size()방법은 사용되지 않습니다.
Moshe Simantov 2014 년

1
버전 3.1.1에서는 길이가 정의되지 않음을 반환합니다.
Giovanni Bitliner 2016

1
@TylerLazenby : 확실해? jsfiddle.net/xpvt214o/154885 귀하의 주장을 입증 할 예가 있습니까?
David

1
@TylerLazenby : 질문의 코드가 jQuery를 사용하지 않습니다. 문자열 리터럴의 길이를 얻습니다.
David


8

네, 있습니다.

$('.MyClass').size()

1
$ ( '. MyClass'). length는 메서드 호출 오버 헤드가 없기 때문에 약간 더 좋습니다. 그렇지 않으면 둘은 똑같습니다.
EvilAmarant7x



4
$('.class').length

이것은 나를 위해 작동하지 않습니다. 차라리 이것을 사용하고 싶습니다.

$('.class').children().length

이유는 모르겠지만 두 번째는 나에게만 효과가 있습니다. 어느 쪽 크기도 작동하지 않습니다.


3

가장 좋은 방법은 .each () 를 사용하는 것입니다.

var num = 0;

$('.className').each(function(){
    num++;
});

2
는 ".each () 메소드는 DOM 반복 구조가 간결 수 있도록 설계 덜 오류가 발생하기 쉬운입니다"
Panomosh

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.