¿Cómo obtener el html de un div en otra página con jQuery ajax?

Estoy usando el código ajax de jQuery para cargar páginas nuevas, pero quería que solo obtuviera el html de un div.

Mis códigos: HTML:

 

Guión:

 $.ajax({ url:href, type:'GET', success: function(data){ $('#content').html(data); } }); 

Quería que solo obtuviera el html de $ (‘div # content’) en otra página. ¿Cómo hacerlo?

Ok, debes “construir” el html y encontrar el .content div.

Me gusta esto:

 $.ajax({ url:href, type:'GET', success: function(data){ $('#content').html($(data).find('#content').html()); } }); 

¡Sencillo!

Puede usar el método JQuery .load ():

http://api.jquery.com/load/

  $( "#content" ).load( "ajax/test.html div#content" ); 

Si buscas contenido de diferentes dominios, esto hará el truco:

 $.ajax({ url:'http://www.corsproxy.com/' + 'en.wikipedia.org/wiki/Briarcliff_Manor,_New_York', type:'GET', success: function(data){ $('#content').html($(data).find('#firstHeading').html()); } }); 
 $.ajax({ url:href, type:'get', success: function(data){ console.log($(data)); } }); 

Este registro de consola obtiene una matriz como objeto: [meta, título,,], muy extraño

Puedes usar JavaScript:

 var doc = document.documentElement.cloneNode() doc.innerHTML = data $content = $(doc.querySelector('#content')) 

Realmente no puedes hacer eso, una solicitud ajax obtiene el archivo completo, pero puedes filtrar el contenido una vez que se recupera:

 $.ajax({ url:href, type:'GET', success: function(data) { var content = $('
').append(data).find('#content'); $('#content').html( content ); } });

Tenga en cuenta el uso de un elemento ficticio ya que find() solo funciona con descendientes, y no encontrará elementos raíz.

o deje que jQuery lo filtre por usted:

 $('#content').load(href + ' #IDofDivToFind'); 

Supongo que esta no es una solicitud de dominio cruzado, ya que eso no funcionará, solo páginas en el mismo dominio.