来自另一页面的Bootstrap模态内容

Question

我想在一个页面中制作几个模态，每个模态应该有不同的内容。

我知道如何从其他HTML页面获取内容，但问题是我不知道如何从一个HTML文件导入不同的内容。

因此，如果有这样的HTML文件：

＆＃13;

＆＃13;

<div id="one">
<h1>this is the first content.</h1>
</div>
<div id="two">
<h1>this is the second content.</h1>
</div>
<div id="three">
<h1>this is the third content.</h1>
</div>

＆＃13;

＆＃13;

＆＃13;

我想要三个模态导入每个div。所以第一个模态应该有#one作为其内容，第二个模态应该有#two作为其内容。