使用jquery在html中加载div答案

【问题标题】：Loading div inside html with jquery使用jquery在html中加载div
【发布时间】：2014-02-27 11:54:00
【问题描述】：

我正在使用 jquery 在完全加载后加载我的网站内容。效果很好。

jquery 代码

function check() {
$("#content").load('items.html');
}
$(document).ready(function() {
check(); 
});

html

<div id="content">

</div>

当用户单击已加载的项目之一（'items.html'）时，有没有办法在不刷新整个页面的情况下动态加载 html 元素（div）？一键删除#content div中已加载的“items.html”并从any.html文件中加载新的div。

所以基本上，我需要通过动态替换已加载的 items.html 并添加新的 div 来显示该特定项目的更多信息。

我设法通过在每个项目上添加锚标记来加载新的 html 页面，但是如果我只能加载 html 文件的一部分（div）而不是整个页面，那会更好，这样我就可以编写所有项目信息仅在一个 html 文件中，然后在用户单击任何项目时动态添加这些 div。

【问题讨论】：

【解决方案1】：

function check() {
  $("#content").load('items.html #loadable'); // #ID to load
}

$('#loadCont').click(check);

你可能还想把它放在某个地方

$.ajaxSetup({ cache: false });

从演示中可以看出，.load() 已经进行了内容替换，因此无需事先.empty() 或.html('')。

【讨论】：

【解决方案2】：

简单。尝试在点击元素时调用check()函数

$('element').click(function(){
    check();
});

【讨论】：

谢谢。我明白了，但是如何使用这个 jquery 函数定位特定的 .html，然后是该 html 文件中的特定 div？我希望我所问的有任何意义。
@maddesign 这是 DOC 中的解释，阅读并注意，GET 请求被缓存api.jquery.com/load/#loading-page-fragments
这就是我添加also的原因