jquery:用 URL 替换 div 获取请求而不是显示隐藏的 div

Question

jquery 的新手，我一直在学习如何显示/隐藏 div。我想更进一步，能够用 AJAX 调用替换 div，而不是显示隐藏的 div。

在我一直在研究的这个例子中，“展开”按钮隐藏了 div.post-small 并显示了 div.post-big

http://jsfiddle.net/ejwFr/

我将如何开始修改它以便“展开”按钮隐藏 div.post-small 并用 AJAX 请求替换 div.post 的内容(这将返回一个假设的 div.post-big-ajax)

非常感谢您的任何见解!!

Answer 1

使用 load()方法

Description: Load data from the server and place the returned HTML into the matched element.

示例

$("div.expand").click(function() {
    $(this).parent('.post-small').hide();
    $(this).parent().next().load('ajax/content.html');        
});

Load() 通过 AJAX 调用从服务器获取数据，并将匹配元素的 HTML 内容设置为返回的数据。