Utilice la función Ajax() en Jquery para cargar PARTE de una página externa en div

Question

Estoy intentando cargar un elemento DIV desde una página externa en mi página actual usando la función Ajax/jQuery.ajax.Si bien he podido cargar con éxito una página externa completa, parece que no puedo cargar justo el elemento DIV.

Aquí está mi código:

$("a").click(function() {
  /* grabs URL from HREF attribute then adds an  */
  /* ID from the DIV I want to grab data from    */
  var myUrl = $(this).attr("href") + "#external-div";
  $.ajax( {
  url: myUrl,
  success: function(html) {
    /* loads external content into current div element */
    $("#current-div").append(html);
    }
  });
  return false;
});

Toma el atributo HREF sin ningún problema, pero no agrega "#external-div" a la URL.¿Algunas ideas?

¡Muchas gracias!

~Jared Crossley

Answer 1

Si quisieras simplemente devolver ese div, podrías usar el load método de jQuery para simplemente cargar el contenido devuelto a su #current-div ala

$("a").click(function() {
  /* grabs URL from HREF attribute then adds an  */
  /* ID from the DIV I want to grab data from    */
  var myUrl = $(this).attr("href") + " #external-div";
  $("#current-div").load(myUrl);
  return false;
});

Échale un vistazo al jQuery Ajax/cargar documentación