動的に生成されるidへのページ内リンクナビゲーションを作り、一部の文字列をリンク名に使用したい

Question

下記のように「hoge_+連番(n番目まで)」というidルールの要素が動的に吐き出されるページで、

<div id="hoge_1"><p>・・・・・</p><span class="title">りんご</span></div>
<div id="hoge_2"><p>・・・・・</p><span class="title">すいか</span></div>
<div id="hoge_3"><p>・・・・・</p><span class="title">いちご</span></div>
.
.
.
<div id="hoge_n"><p>・・・・・</p><span class="title">メロン</span></div>

それぞれの箇所にページ内リンクする下記ナビゲーションを設置したいと考えています。

<ul class="pagenav">
<li><a href="#hoge_1">りんご</a></li>
<li><a href="#hoge_2">すいか</a></li>
<li><a href="#hoge_3">いちご</a></li>
.
.
<li><a href="#hoge_n">メロン</a></li>
</ul>

動的なため要素の数とタイトルの文字列は不特定です。

以前の質問(動的に生成されるidへのページ内リンクナビゲーションを作る)で、
動的要素のdiv内の文字列をそのままリンク名に出力する方法を質問したのですが、
今回はdiv内の「title」クラス内の文字列のみを抽出したい考えています。

.text($this.text())

この部分になるかと思うのですが、正しい記述をお教えください。

Answer 1

ご提示の部分を次のようにしてみてはどうでしょうか。

.text($this.find("span").text())

Comments

[castail]

ShunsukeIzui様

ご回答ありがとうございます。

ご教授頂いた内容で実現できました！
この度は誠にありがとうございました。