Question

I am trying to load in some text from another page, however I want to prepend it rather than replace.

So at the moment I have:

$('#01-L1-00-Container').load('Page.aspx #Q-01-L1-00');

But ’01-L1-00-Container’ includes some content I need to keep and cannot overwrite. How do I prepend instead of replace?

Answer 1

You can either do this:

$("#01-L1-00-Container").prepend( $("<div>").load("Page.aspx #Q-01-L1-00"));

Or

$("<div>").load("Page.aspx #Q-01-L1-00", function() {
      $("#01-L1-00-Container").prepend($(this).find("#Q-01-L1-00").html());
});

These both work by creating a div in the dom, loading the new page (with ajax) into that div and then prepending the newly created div to the container.