find and display element from the ajax file

Question

Consider this ajax call:

$.ajax({
    type: "POST",
    url: "misc/moreactivities.php",
    data: { lastmsg : ID, pid: pid },  
    cache: false,
    success: function(html){
        $("#profileWall").append(html);
        $("#more"+ID).remove();
    }
});

Right now it appends everything that is output in moreactivities.php. I only want to append the div#moreactivity element from within it.

How can this be done?

Answer 1

You can use the html that's returned as the context for a #moreactivity selector, like this:

$.ajax({
  type: "POST",
  url: "misc/moreactivities.php",
  data: { lastmsg : ID, pid: pid },  
  cache: false,
  success: function(html){
    $("#moreactivity", html).appendTo("#profileWall");
    $("#more"+ID).remove();
  }
});

Instead of appending all the HTML, this looks for the #moreactivity element inside it and appends that to #profileWall.