Используйте функцию Ajax() в JQuery для загрузки ЧАСТИ внешней страницы в div

Я пытаюсь загрузить элемент DIV с внешней страницы на мою текущую страницу с помощью функции Ajax/jQuery.ajax. Хотя мне удалось загрузить всю внешнюю страницу, я не могу загрузить только элемент DIV.

Здесь мой код:

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

Он захватывает атрибут HREF без каких-либо проблем, но не добавляет к URL-адресу "# external-div". Любые идеи?

Спасибо большое!

~ Джаред Кроссли

Ответы

Ответ 1

Если вы хотите просто вернуть этот div, вы можете использовать метод load для jQuery, чтобы просто загрузить содержимое, возвращенное в ваш #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;
});

Посмотрите jQuery Ajax/загрузить документацию