时间戳

首页 > 解决方案 > 从另一个网页加载命名元素

javascript - 从另一个网页加载命名元素

问题描述

几天来，我一直在努力寻找解决方案。甚至还有另一个 Stackoverflow 页面，听起来几乎正是我所需要的，但我无法让解决方案在那里工作：Show div from another website

简短的版本是我有一个页面（/reference.html），其中包含许多命名的 Div 元素（div id="Red"、div id="Blue" 等）。我希望能够在我网站的其他页面（/content1.html、/content2.html）中调用它们，一个页面上可能不止一个。

这可能是某种用户错误，但我尝试的每个解决方案，包括链接问题中的 jQuery 选项，都导致空白。

感谢您在指出要检查的常见错误或替代解决方案方面提供的任何帮助。

编辑：添加更多细节。相比之下，我尝试了其他几件感觉很愚蠢的事情，所以我不会包括“明显错误”的类别。我尝试过的似乎应该有效（但还没有）如下：

参考资料.html

<div id="Red">Red content.</div>
<div id="Blue">Blue content.</div>
<div id="Green">Green content.</div>

内容1.html

$('#insertHere').load('/References.html #Red');

<div id="insertHere"></div>

内容2.html

$('#insertA').load('/References.html #Blue');
$('#insertB').load('/References.html #Green');

<div id="insertA"></div>
<div id="insertB"></div>

再次编辑：参考页面在每个 div 中都有一些格式化的卡片。我希望能够从页面中提取一张单独的卡片，而不必为每张卡片制作一个页面或不断复制粘贴卡片的整个代码。

标签： javascripthtml

解决方案

推荐阅读