jquery: loading an html element with $.ajax or $.get methods

Question

I would like to learn how to achive the following with the other two functions, or at least the ajax function.

$('#myDiv').load('index.php #content');

How would I load #content in the index.php file, into #myDiv on the current page with the $.ajax and $.get methods?

The url param doesn't seem to take a selector with any other ajax method then load.

this doesn't work...

$.ajax({ 
  url: 'index.php #content', 
  success: function(data) { 
     $('#myDiv').html(data); 
  },
});

Jacob Relkin · Accepted Answer · 2009-12-08 08:57:42Z

3

Remove #content from the URL and in the success function, try this:

$( '#myDiv' ).html( $( data ).filter( '#content' ).html() );

It would be nice if we could do it your way, but.... Maybe the jQuery team can implement this in the next release.

answered Dec 8, 2009 at 8:50

Jacob Relkin

163k34 gold badges352 silver badges321 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1