在我的网站中包含特定的 div 类答案

【问题标题】：Including specific div class into my site在我的网站中包含特定的 div 类
【发布时间】：2013-03-10 22:00:59
【问题描述】：

请注意，我的编码经验几乎只是 CSS/HTML。我最近也被介绍给 jQuery。但我非常愿意尝试您的解决方案（如果我的技能允许的话）。

所以我想做的是在此处包含来自此站点的评论： Airbnb - Mailodging。使用 Firefox 的 Inspect 工具，我发现您可以使用此类找到仅用于评论的 div：

div.panel.reviews.space2

我尝试使用 iframe 从外部页面中搜索包含特定类（不是 ID#）的方法，但似乎不可能。您是否可以提出解决方法或任何其他解决方案？

目前，我发现包含评论的唯一方法是通过可怕的 iframe。它显示了我不想要的整个页面。 You can see it here。呸！看来我最好还是通过一个新标签打开 Airbnb 页面。

【问题讨论】：

您可以使用jQuery.load() 拉入远程网页的特定部分并将其放在您网页的任何位置。如果您需要的部分没有 ID，则必须使用 PHP 等脚本语言来抓取页面以获取所需的内容。
@NicholasPickering load() 调用将违反 same-origin-policy
unofficial Airbnb API 正在制作中。但它还没有工作。
目前最好的办法是将用户重定向到您的 airbnb 个人资料。
谢谢大家。我刚刚决定引用 Airbnb 的一些评论并链接到该页面。

标签： html

【解决方案1】：

使用jquery.load() 或jquery.ajax 将您的外部html 页面加载到当前页面中。在每个方法的回调函数中，您可以以任何您想要的方式设置、引用或修改外部页面上的 CSS 选择器。您只需阅读 API 以了解如何正确使用它。祝你好运！

【讨论】：

这将违反same-origin-policy
哦，外部内容不在同一个域中？然后使用 iframe 将其调用到您的当前页面。但是您可以自己编辑外部数据吗？或不？这是个大问题。
Airbnb 是一个大型商业网站，OP 正在从该网站上抓取他们的个人资料页面 - 所以没有 :)
好的，我唯一可以建议的是使用 jquery 的 contents() 方法——阅读并试一试！ - stackoverflow.com/questions/5924936/… 但除非该外部页面也在您的同一个域上，否则这可能不起作用。但试一试也无妨。

【解决方案2】：

我同意 Nicholas 的观点，查看您的网站和 .load() 文档，代码可能会有点像这样：

$('body.en').load('https://www.airbnb.ca/users/show/9187 div.reviews_section as_host');

未经测试，因此不确定这是否会 100% 工作，因为它是您从中检索的远程站点，并且不确定此功能是否是为此目的而设计的，但请试一试。

【讨论】：