jQueryで表示させているコードをページのソースに表示させたい

Question

jQueryで表示させているコードをページのソースに表示させたい

jQueryを使って、自動で目次を作成するコードを作成しました。
上司に完成物を見せると、生成された目次のコードが、ページソースに表示されてないからだめだそうです。
なので目次をページソースに表示させる方法を教えて欲しいです。

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

目次のコードがページソースに表示されてない

該当のソースコード

$(function() {
  var titles = document.querySelectorAll('h2, h3');
  titles.forEach(function(title,index){
  $(title).attr('id', "title" + index);
  });
  var topic =$("h2, h3").clone(true);
  $(".topic").append(topic);
  var topic_links = $(".topic").children("h2, h3")
  $(topic_links).wrapInner('<a />');
  $(topic_links).children("a").attr("href","/");
  $('h2, h3').on('click', function(e){
    e.preventDefault();
    var title_id = $(this).attr("id");
    var topic_links = $(".contents").children("[id =" + title_id + "]")
    var position = topic_links.offset().top;
    $("html,body").animate({
      scrollTop: position-30
    }, 300);
  })
});


一応目次を自動生成するコードを載せときます。

補足情報

調べたところ、jsで生成されたコードは、ページソースに表示されないようです。
言語を変えるべきでしょうか？

Comments

[kyoya0819]

jQuelyではなくjQueryです。

[yujirou_sakoda]

間違えてました

[yambejp]

> 生成された目次のコードが、ページソースに表示されてない

を前提とするなら、ajax系の処理が全般的にNGになり
動的なページとしては大きな制限がかかりますが大丈夫なのでしょうか？

Answer 1

PHPを利用すれば可能です。
jQueryでは不可能です。

Comments

[yujirou_sakoda]

rubyでもできますか？

[kyoya0819]

自分自身、rubyはあまり知らないので的確な答えは出せませんがサーバーサイドの言語ならできるはずです。

[kyoya0819]

軽く調べて見たところ大丈夫っぽいです。

[yujirou_sakoda]

ありがとうございます！
やってみます！