ansaurus

Question

Answer 1

A:

You can use load on a new element, and pass that to a function:

function handle(element){
  $(element).appendTo('body');
}

$(function(){
  var div = $('<div/>');
  div.load('/help a', function(){handle(div);});
});

Example: http://jsbin.com/ubeyu/2

Kobi 2010-01-26 06:28:23

Answer 2

A:

You could create a div and then put the HTML in that, like this...

var div=$("<div>").html(data);

...and then filter the data like this...

var thingIWant=$("#content", div.get(0));

...and then use that.

icktoofay 2010-01-26 06:37:33

Answer 3

+4 A:

You can use your standard selector syntax, and pass in the data as the context for the selector. The second parameter, data in this case, is our context.

$.post("getstuff.php", function(data){
  var mainDiv = $("#mainDiv", data); // finds <div id='mainDiv'>...</div>
}, "html");

This is equivalent to doing:

$(data).find("#mainDiv");

Depending on how you're planning on using this, $.load() may be a better route to take, as it allows both a URL and a selector to filter the resulting data, which is passed directly into the element the method was called on:

$("#mylocaldiv").load("getstuff.php #mainDiv");

This would load the contents of <div id='mainDiv'>...</div> in getstuff.php into our local page element <div id='mylocaldiv'>...</div>.

Jonathan Sampson 2010-01-26 06:40:29

I would love to use load to hit both the URL and the selector simultaneously, but the insertion into the main document precludes this. I'm hoping the jQuery team will expose the former functionality in a future release!

Craig Walker 2010-01-26 07:07:53

Answer 4

A:

You may want to look at the dataFilter() parameter of the ajax method. It lets you do operations on the results before they are passed out.

jQuery.ajax

Peter Loron 2010-01-26 06:41:23

ansaurus

tags:

views:

answers:

Extract part of HTML document in jQuery

related questions