Use la función Ajax() en Jquery para cargar la 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 una página externa completa, parece que no puedo cargar solo 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; 
}); 

Se agarra el atributo HREF sin ningún problema, pero no va a añadir "# externa-div" a la URL. ¿Algunas ideas?

¡Muchas gracias!

~ Jared Crossley

Answer 1

Si quisiera volver sólo que DIV se puede utilizar el método de jQuery load para cargar simplemente el contenido devuelto en 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; 
}); 

Tome un vistazo a la jQuery Ajax/load documentation