我正在尝试使用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。有什么想法吗?
非常感谢!
~Jared Crossley
答案 0 :(得分:11)
如果您想返回该div,可以使用jQuery的load
方法简单地加载返回到#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;
});