[jQuery]数字だけ変えて、関数としてまとめたい

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
jQuetyで韓国語の勉強法に対するWebサイトを作っています。

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

目次を作ってるんですが、その目次を実際に記事を書く前のところに自動で呼び出したいのです。できることにはできるんですが、長いし、関数とか、繰り返し処理でまとめたいです。

例えば、
[目次]
１韓国語の可愛さ
２韓国語の面白さ
３韓国語の簡単さ

っていう目次があったとして、

1韓国語の面白さ　　＜＝＝＝＝　ここを目次のHTMLから自動で引っ張ってきたいんです

記事が続く。。。

<div class="contents">
              <p>No.1/100</p>
              <a href="#" class="document1">韓国語大好き</a>
              <a href="#" class="document2">韓国語面白い</a>
              <a href="#" class="document3">韓国語楽しい</a>
            </div>
            <div>
              <span id="title-1"></span>
            </div>
            <div>
              <span id="title-2"></span>
            </div>
            <div>
              <span id="title-3"></span>
            </div>

$(function(){
  var title1=$('.document1').text();
  $('#title-1').text(title1);

  var title2=$('.document2').text();
  $('#title-2').text(title2);

  var title3=$('.document3').text();
  $('#title-3').text(title3);
});

試したこと

for文で数字のところだけ変えられないか試したんですが、、、なかなかやり方がわかりませんでした。
変数の定義をしたりしたのですが、組み込ませ方がよくわかりませんでした。
ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[kei344]

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

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。

Answer 1

既に回答ありましたので
classやidが関係無い場合の別解として参考にしてください

  <div> <!-- 追加 -->
    <div>
      <span id="title-1"></span>
    </div>
    <div>
      <span id="title-2"></span>
    </div>
    <div>
      <span id="title-3"></span>
    </div>
  </div> <!-- 追加 -->

  $(function() {
    var toc = $('.contents a');

    for(var i = 0; i < toc.length; i++) {
      var text = toc.eq(i).text();
      $('div div').eq(i).find('span').text(text);
    }
  });

Comments

[yui-chan]

回答ありがとうございます！
なるほど！lengthを使えば一般化できていいですね
あと、eqメゾットでやろうとしたんですが、こうすればできたんですね＾＾

Answer 2

$( function() {
	for ( var i = 1; i < 4; i++ )
		$( '#title-' + i ).text( $( '.document' + i ).text() );
	}
} );

Comments

[akihiro3]

既に回答ありましたし
私よりシンプルな素晴らしい回答です

勉強になります

[yui-chan]

すごいシンプルですね！
変数の定義のところを使うだけでできたとは、、、

にしてもこのサイトは最高ですね！！！こんないいサービスがあるなんて感激で興奮が止まりません笑笑