問題 × 解決策

javascriptで特定の要素をカウントする方法

問題

javascriptで特定の要素の数をカウントするには?

解決策

「$(特定の要素).length」で特定の要素の数をカウントすることができます。

要素の数をカウントする。

javascriptで特定の要素の数をカウントする方法をご紹介します。

DEMOはこちら

カウントされる要素です。

カウントされる要素です。

カウントされない要素です。

カウントされる要素です。

クラス「itemcount」の要素の数は「」個です。

HTMLはこちら

例としてクラス「itemcount」の要素の数をカウントします。

<p class="itemcount">カウントされる要素です。</p>
<p class="itemcount">カウントされる要素です。</p>
<p>カウントされない要素です。</p>
<p class="itemcount">カウントされる要素です。</p>
<p class="itemcount_text">クラス「itemcount」の要素の数は「<span class="num"></span>」個です。</p>

javascriptはこちら

length」を使うことで、要素の数をカウントすることができます。

var itemcount = $('.itemcount').length;
$('.itemcount_text .num').text( itemcount );

参照

以下のサイトがより詳しく解説してくれています。

【jQueryで要素数を取得する方法のまとめ: 小粋空間】
http://www.koikikukan.com/archives/2014/08/08-005555.php

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

3 × three =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧