前提・実現したいこと
ここに質問の内容を詳しく書いてください。
jQuetyで韓国語の勉強法に対するWebサイトを作っています。
発生している問題・エラーメッセージ
目次を作ってるんですが、その目次を実際に記事を書く前のところに自動で呼び出したいのです。できることにはできるんですが、長いし、関数とか、繰り返し処理でまとめたいです。
例えば、
[目次]
1韓国語の可愛さ
2韓国語の面白さ
3韓国語の簡単さ
っていう目次があったとして、
1韓国語の面白さ <==== ここを目次のHTMLから自動で引っ張ってきたいんです
記事が続く。。。
html
1 2<div class="contents"> 3 <p>No.1/100</p> 4 <a href="#" class="document1">韓国語大好き</a> 5 <a href="#" class="document2">韓国語面白い</a> 6 <a href="#" class="document3">韓国語楽しい</a> 7 </div> 8 <div> 9 <span id="title-1"></span> 10 </div> 11 <div> 12 <span id="title-2"></span> 13 </div> 14 <div> 15 <span id="title-3"></span> 16 </div> 17
jQuery
1 2$(function(){ 3 var title1=$('.document1').text(); 4 $('#title-1').text(title1); 5 6 var title2=$('.document2').text(); 7 $('#title-2').text(title2); 8 9 var title3=$('.document3').text(); 10 $('#title-3').text(title3); 11}); 12
試したこと
for文で数字のところだけ変えられないか試したんですが、、、なかなかやり方がわかりませんでした。
変数の定義をしたりしたのですが、組み込ませ方がよくわかりませんでした。
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー