jQueryで要素を数える


112

特定のクラスを持つページ上の要素の数を数える方法はありますか?

回答:


229
$('.someclass').length

あなたも使うことができます:

$('.someclass').size()

これは機能的には同等ですが、前者が優先されます。実際、後者は現在廃止されており、新しい開発では使用しないでください。


探していませんが、最近メタで「どうやって賛成票を投じますか?」を読みました、そしてジェフ・アトウッドの引用「私が問題を調査して答えを見つけるときはいつでも」があった私の正確な状況。
ブラソフィロ2013

13
.size()メソッドが廃止されていることに注意してください。
Moshe Simantov 2014年

1
バージョン3.1.1では、長さは未定義を返します
Giovanni Bitliner '26

1
@TylerLazenby:それでよろしいですか? jsfiddle.net/xpvt214o/154885 主張を実証する例はありますか?
デビッド

1
@TylerLazenby:質問のコードはjQueryを使用していません。文字列リテラルの長さを取得しているだけです。
デビッド


8

はいあります。

$('.MyClass').size()

1
$( '。MyClass')。lengthは、メソッド呼び出しのオーバーヘッドがないため、わずかに優れています。それ以外の場合、2つはまったく同じです。
EvilAmarant7x 2011



4
$('.class').length

これは私にはうまくいきません。私はむしろこれを使いたい:

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

理由はよくわかりませんが、2つ目は私だけで機能します。どういうわけか、どちらのサイズも機能しません。


3

最良の方法は.each()を使用することです

var num = 0;

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

2
「.each()メソッドは、DOMループ構造を簡潔にし、エラーを起こしにくくするように設計されています」
Panomosh

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.