jQueryのif文で同一の条件分岐を複数処理したいです

Question

<script type="text/javascript">
$(function(){
    if($('.topic').children().hasClass('name')) {
        $('p').text('見つかりました');
    } else {
        $('p').text('見つかりませんでした');
    }
});
</script>

<DIV class="topic">
<p></p>
表題<BR>
<span class="name">名前</span>
</DIV>

<DIV class="topic">
<p></p>
表題<BR>
</DIV>

<DIV class="topic">
<p></p>
表題<BR>
<span class="name">名前</span>
</DIV>

同名クラスがページ内に複数あり、それぞれ別に処理をしたいと考えています。
個別処理にする場合はどのように記述すると良いでしょうか。

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

HTMLの構成が分かりませんが、eachを使えば、該当の箇所それぞれに対して処理をすることができます。

$(function(){
	$('.topic').each(function(){
		if($(this).children().hasClass('name')) {
			$('p', $(this)).text('見つかりました');
		} else {
			$('p', $(this)).text('見つかりませんでした');
		}
	});
})

Comments

[tsukino]

お早いアンサーありがとうございます。
教えて頂いた記述では表示そのものがされなくなってしまい、HTMLも合わせてお伝えさせてください。

<DIV class="topic">
<p></p>
表題<BR>
<span class="name">名前</span>
</DIV>

<DIV class="topic">
<p></p>
表題<BR>
</DIV>

<DIV class="topic">
<p></p>
表題<BR>
<span class="name">名前</span>
</DIV>

CGI上で、名前（投稿）の有無を$(this)).text()のメッセージで表示させたいと考えています。

[kszk311]

HTMLそのまま試してみましたが、こちらでは問題なく動作します。
もしかして、$(function(){.. })で囲んだのを取ってしまいましたでしょうか。であれば、それは付けてください。
それと、ソースは、質問本文の方に記載していただきたいのと、codeブロックで囲んで頂けると助かります。
https://teratail.com/help#about-markdown

[tsukino]

大変失礼しました。
また、張り付け直したところ無事解決いたしました。きちんと動作しました。

丁寧にありがとうございます。感謝です。