jQuery .Load但不是替换前缀

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.

Answer 2

Assuming you don't want to append the data to some other element inside the container, you can't do this with .load alone, but it is easy:

$.get('Page.aspx').done(function (html) {
   $(html).find('#Q-01-L1-00').prependTo("#01-L1-00-Container');
});

Answer 3

Try this instead :

$("#01-L1-00-Container").prepend($("<div />").load("URL of Page"));

Hope this will help !!