Text 使用文本打开模式窗口-单页上的多个窗口

我希望在一个页面上有多个模式窗口，但要用文本链接而不是按钮打开它们。我有一个工作示例，我从这里获得了执行此操作的信息：

我发现了类似的东西，展示了如何用文本而不是按钮打开单个模态，但我还没能让它在一个页面上使用多个模态。在此方面的任何帮助都将不胜感激/

//获取模式
var modalparent=document.getElementsByClassName（“modal_multi”）；
//获取打开模式对话框的按钮
var modal_btn_multi=document.getElementsByClassName（“myBtn_multi”）；
//获取关闭模态的元素
var span_close_multi=document.getElementsByClassName（“close_multi”）；
//当用户单击该按钮时，打开模式对话框
函数setDataIndex（）{
对于（i=0；i

/*模式窗口*/
/*模态（背景）*/
.莫代尔{
显示：无；/*默认情况下隐藏*/
位置：固定；/*保持原位*/
z指数：1；/*位于顶部*/
填充顶部：100px；/*框的位置-最初为100px*/
左：0；
排名：0；
宽度：100%；/*全宽*/
高度：100%；/*全高*/
溢出：自动；/*根据需要启用滚动*/
背景色：rgb（0,0,0）；/*回退色*/
背景色：rgba（0,0,0,0.4）；/*黑色w/不透明度*/
}
/*模态内容*/
.modal内容{位置：相对；背景颜色：#fefefe；边距：0自动；填充：0；边框：1px实心#888；宽度：85%；
盒影：0 4px 8px 0 rgba（0,0,0,0.2），0 6px 20px 0 rgba（0,0,0,0.19）；
动画名称：animatetop；动画持续时间：0.4s；}
.modal正文{边距：0；填充：1.0em；}
.modal页眉橙色{边距：0；填充：0.25em 0.75em；背景：#f68e1e；字体大小：1.5em；颜色：#fff；字体重量：粗体；}
.modal页脚橙色{边距：0；填充：0 0.5em；背景：#f68e1e；颜色：#fff；字体大小：粗体；文本对齐：右；}
.modal标头蓝色{边距：0；填充：0.25em 0.75em；背景：#00549f；字体大小：1.5em；颜色：#fff；字体重量：粗体；}
.modal页脚蓝色{边距：0；填充：0 0.5em；背景：#00549f；颜色：#fff；字体大小：粗体；文本对齐：右；}
.modal标题绿色{边距：0；填充：0.25em 0.75em；背景：#008752；字体大小：1.5em；颜色：#fff；字体重量：粗体；}
.modal页脚绿色{边距：0；填充：0.5em；背景：#008752；颜色：#fff；字体重量：粗体；文本对齐：右；}
/*关闭按钮*/
.close_multi{color:#fff；float:none；字体大小：2.0em；字体重量：粗体；行高：1.0em；}
.close_multi:hover、.close_multi:focus{color:#000；文本装饰：无；光标：指针；}
/*添加动画*/
@-webkit关键帧动画顶{from{top:-300px；不透明度：0}到{top:0；不透明度：1}
@关键帧动画顶{from{top:-300px；不透明度：0}到{top:0；不透明度：1}}
/*模式按钮*/
.myBtn_multi{显示：内联块；边距：0.25em；}
.modalBtn_橙色{背景色：f68e1e；字体大小：1.0em；颜色：fff；填充：0.625em；边框：无；边距：0.25em 0；}
.modalBtn_橙色：悬停{背景颜色：adc429；字体大小：1.0em；颜色：fff；填充：0.625em；边框：无；}

独联体附属机构»；
独联体附属公司
雇佣和培训现场协调员，将CIS模型带到需要的学校，并动员合作伙伴提供资源。
&时代；
现场协调员»；
现场协调员
经过培训的专业人员与学校管理人员合作，评估需求，制定计划，组建团队，为学校和学生提供支持。
&时代；
合作伙伴»；
合作伙伴
学校、企业和社区机构都与现场协调员合作，为学生和家庭提供支持。
&时代；