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

时间:2018-05-28 02:51:34

标签: javascript html

我几天来一直在努力寻找解决方案。甚至还有另一个Stackoverflow页面听起来几乎就是我需要的,但是我无法在那里找到解决方案:Show div from another website

简短版本是我有一个页面(/reference.html),它有许多名为Div的元素(div id =“Red”,div id =“Blue”等)。我希望能够在我的网站(/content1.html,/ content2.html)上的其他页面中调用它们,可能在页面上不止一个。

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

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

编辑:添加更多详细信息。我已经尝试了其他一些比较愚蠢的事情,所以我不会包含“明显错误”的类别。我试过的似乎应该可以工作(但还没有)如下:

References.html

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

Content1.html

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

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

Content2.html

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

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

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

0 个答案:

没有答案