将另一个页面的 Div 加载到另一个页面 Div答案

【问题标题】：Load a Div from another page into another pages Div将另一个页面的 Div 加载到另一个页面 Div
【发布时间】：2011-04-29 17:28:08
【问题描述】：

我正在尝试这样做：

Load content of a div on another page

但这对我不起作用。我不知道为什么。

我想要做的是，我有一个正在使用的移动网站，我想提取主要网站 div 上的故事内容数据，并将其放置在移动网站内容 div 上，我不必这样做真的编辑任何东西。主要发布的任何内容都会反映在移动设备上。

关于完成此任务的最佳方法有什么想法吗？有没有办法像在 php 或 html 中包含但它只获取目标 div 内容而不是其他所有内容？

【问题讨论】：

如果主页是由某种内容管理系统提供的，为什么不简单地为同一页面的移动版本制作一个新模板呢？请求动态生成的页面的内容似乎相当愚蠢，只是将其内容插入另一个动态生成的页面。
欢迎来到 Stack Overflow。要获得答案，您要避免像“它不起作用”这样的 cmets，因为它们并没有真正给我们任何继续下去的机会。您肯定还想编辑您的问题以包含相关代码，以便对其进行检查。

标签： php jquery html

【解决方案1】：

如果我没看错，这就是你需要的：

$('#result').load('ajax/test.html #container');

这将加载页面 ajax/test.html，获取 id 为“container”的元素的内容，并将其加载到当前页面的 id 为“result”的元素中。

更多信息请访问http://api.jquery.com/load/

编辑：基于您的测试文件的工作代码：

<html>
    <head>
        <script src="http://code.jquery.com/jquery-git.js"></script>
        <script>
        $(document).ready(function(){
            $('#result').load('pull4m.shtml #hello');
        });
        </script>
    </head>
    <body>
        <div id="result"></div>
    </body>
</html>

【讨论】：

这绝对是你最好的选择，somdow。 @Lasar - 我编辑为您的代码添加语法突出显示。好答案！ +1
好吧，我所做的是，我创建了 2 页。 1. 调用 pull4m.html 和它都有这个。
hello world
这是我想要拉到主页的内容。 2.据我所知，第二页将从第 1 页拉出“hello” div，然后在正文标签上放这个就我所知，哈哈。
它是否加载了没有 http:// 的 jquery 文件？您还应该将该行放入$(document).ready(function(){ put your code here }); 之类的块中
大家好，你们速度很快。对不起，原来确实有http。这是2个链接。 somdowprod.net/4testing/pull somdowprod.net/4testing/pull4m 谢谢。
如果我把你的代码改成这个，那么它对我有用：$(document).ready(function(){ $('#result').load('pull4m.shtml #hello'); });