jquery - 別のページから H1 を取得する

Question

その場で目次ページを作りたいのですが、

たとえば、ページ001.htmlと002.htmlでh1タグをターゲットにして、jqueryを使用してcontents.htmlに表示できますか?

Answer 1

はい。

$('#result').load('001.html h1');

h1は、見出しを選択するセレクターです。

Answer 2

content.html

<div id="target"></div>

<script src=//jquery.min.js"></script>
<script type="text/javascript">
  $.get('001.html', function(html){
    $('#target').text($('h1',html).text());
  });
</script>

whereはコンテンツ ページ内#targetの id を持つ要素であり、001.html ページで探しているものを見つけるセレクタです。targeth1<h1>