jquery - 在 Jquery 中使用 Ajax() 函数将外部页面的一部分加载到 div 中

Question

我正在尝试使用 Ajax/jQuery.ajax 函数将外部页面中的 DIV 元素加载到当前页面中。虽然我已经成功地加载了整个外部页面，但我似乎不能只加载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 属性，但不会将“#external-div”附加到 URL。有任何想法吗？

非常感谢！

~杰瑞德·克罗斯利

Answer 1

如果您只想返回该 div，您可以使用loadjQuery 的方法简单地将返回的内容加载到您的#current-divala

$("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/load 文档