countした件数をHTMLで表示したい

Question

前提・実現したいこと

〇〇件表示
のように指定したクラスの個数をHTML上でpタグ、もしくはspanタグの中に表示したいです

発生している問題・エラーメッセージ

該当のソースコード

    <div id="hoge">
        <li></li>
        <li class="ani">ゴリラ</li>
        <li>ラッパ</li>
        <li>パンツ</li>
        <li class="ani">ツバメ</li>
    </div>
	
	<p>〇〇件表示</p>

試したこと

         $(function()
        {
            var count = $('#hoge li.ani').length;
            document.write(count);
        });

document.writeですと2だけが画面に表示されてしまいました

Answer 1

document.writeだとHTML全体が対象になります。
<p>〇〇件表示</p>にidを振って、下記のようにすればいけると思います。

$('#id').text(count.toString());

Comments

[yambejp]

html()かtext()では？

[nekoniki]

> html()かtext()では？
ご指摘ありがとうございます。
回答を修正しました。

[spraut]

>nekoniki様
ありがとうございます！pタグに表示することができました。
本当にありがとうございます！

>yambejp様
細かいところまでありがとうございます！
いつも本当にお世話になっております…！！