仅在网站上创建指向 DIV 的链接答案

【问题标题】：Make a link to DIV on site only仅在网站上创建指向 DIV 的链接
【发布时间】：2011-03-22 21:38:16
【问题描述】：

是否可以仅链接到网页上的 div？例如，

<html>
    <body>
        Here is some content I don't care about
        <div class="stuff">
            Here is some content I want. Blah blah. It may change from time to time
        </div>
        Here is more content I don't care about and do not want to see when this link is clicked
    </body>
</html>

是否有一个超链接只显示“stuff”的内容而不显示其他内容？

为了进一步澄清，如果有人要创建此链接，则该页面中的任何其他内容都不会出现在 iframe 中。

【问题讨论】：

您是在谈论链接到页面上的内容（如锚点）还是仅显示该 div 的内容？
我不得不问，你为什么要这样做？为什么不创建一个只包含您想要显示的内容的页面？
只对div的内容。原因是我有大约 70 页，全部由一个页面链接。我希望该单页包含大约 70 页中每一页的第一个小信息简介。我不想对其进行硬编码，因为我希望它在我更新 div 中的简介时更新
我正在考虑尝试对父页面中 THOSE div 的内容进行 SSI 或 iframe。
这在技术上并不能回答这个问题，但只要你不关心这个人能够滚动并看到其他信息，你就可以使用命名锚点。

标签： iframe html hyperlink server-side-includes

【解决方案1】：

您可以使用jQuery .load() 调用来获取页面的该片段并将其加载到您的单个页面上：

$('#result').load('your-page.html .stuff');

【讨论】：

我希望我能 +10 这个答案。

【解决方案2】：

简短的回答是：不

更长的答案涉及要隐藏内容的页面上的一堆 JavaScript（即，您不能对第三方站点执行此操作，如果它是您自己的站点，您几乎肯定会更好创建一个可以调用的单独 URI）

【讨论】：