問題
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
コメント