.append() .load() .get() Help please.
Hi,
I am new to jquery and am having some problems trying to do something.
Basically, from within my index page, I want to grab a specific section of code from another page and insert it into my index page.... does that make sense?
I have been trying these two methods:
1) $("body").load("about-andrew-broomfield.html article.aboutPage");
and
2) $.get('about-andrew-broomfield.html', function(data) {
$('body').append(data);
});
The problem:
In 1, where I use '.load', I can grab the section of code from the other page and insert it into the body of my current page, but, it replaces all the other content in the body.
In 2, using '.get', append the body but it brings in the complete html code and I just need a specific section... an <article> tag with a class 'aboutPage'.
Does anybody know how I can grab just the section I want from the other page and insert it into the body of my current page?
Cheers :)