Get H1 from another page

Question

I would like to make a contents page on the fly,

Can i target a h1 tag on say page 001.html & 002.html and display it on contents.html using jquery?

score 3 · Accepted Answer · answered Feb 28 '13 at 14:11

3

Yes.

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

Where the h1 is a selector that will select your heading.

answered Feb 28 '13 at 14:11

Matt Cain

5,638
3
36
45

that's assuming the `
` is id'd as `header`. (Judging by original question, we can't assume this).
– Brad Christie Feb 28 '13 at 14:12
And that that is what Ma9ic asked :) – Vladimir Bozic Feb 28 '13 at 14:13
@Brad Christie Ok, I've edited my answer. I just copied a snippet from the docs, but on further reading it seems you can use any selector. Now we're assuming he only has one `h1` though :) – Matt Cain Feb 28 '13 at 14:17

score 2 · Answer 2 · answered Feb 28 '13 at 14:14

contents.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 is an element with the id target within the contents page, and h1 is a selector that locates the <h1> you're after on the 001.html page.

Get H1 from another page

2 Answers2

` is id'd as `header`. (Judging by original question, we can't assume this).