Use a função Ajax() em Jquery para carregar PARTE de uma página externa em div

Question

Estou tentando carregar um elemento DIV de uma página externa em minha página atual usando a função Ajax/jQuery.ajax.Embora eu tenha conseguido carregar uma página externa inteira, não consigo carregar apenas o elemento DIV.

Aqui está meu 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;
});

Ele captura o atributo HREF sem problemas, mas não acrescenta "#external-div" ao URL.Alguma ideia?

Muito obrigado!

~Jared Crossley

Answer 1

Se você quisesse apenas retornar aquela div, você poderia usar o load método do jQuery para simplesmente carregar o conteúdo retornado em seu #current-div alá

$("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;
});

Dê uma olhada no documentação jQuery Ajax/carregar