Jquery 用于搜索所需模式窗口的脚本（通过Id按钮）（不起作用）

使用Id按钮并使用开关“搜索”具有相同Id的箱子，并将

显示：无

样式更改为

块

代码中更清楚地描述如下：

$（文档）.ready（函数（）{
$（函数（）{
$（this）.click（function（）{//当我单击某个链接时，取其id（this），例如它是myBtm
开关（$（this.id）{//替换if
案例“myBtn”：//如果此===myBtn
$（“#myModal”）.show（“display”、“block”）；//此函数在此处执行，否则会进一步查看
打破
}
})
})
});
.modal{
显示：无；
位置：固定；
z指数：6；
左：0；
排名：0；
宽度：100%；
身高：1000%；
溢出：隐藏；
背景色：rgba（0,0,0,0.4）；
}
.模态内容{
位置：固定；
z指数：7；
右：0；
排名：0；
宽度：35%；
身高：100%；
溢出：隐藏；
背景色：#fff；
}
.模态内容h1{
颜色：#1c1c；
字体大小：25px；
文本对齐：左对齐；
左边距：70像素；
字体大小：300；
边缘底部：35px；
}
.模态内容p{
宽度：600px；
文本对齐：左对齐；
线高：1.5；
字号：100；
}
.modal_集装箱{
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
对齐项目：居中；
}
.模态内容跨度{
字体大小：23px；
}
.模态内容{
高度：20vw；
z指数：7；
}
.结束{
颜色：#000；
位置：绝对位置；
顶部：25px；
右：40px；
}
.模态-2{
显示：无；
位置：固定；
z指数：6；
左：0；
排名：0；
宽度：100%；
身高：1000%；
溢出：隐藏；
背景色：rgba（0,0,0,0.4）；
}
.modal-content-2{
位置：固定；
z指数：7；
右：0；
排名：0；
宽度：35%；
身高：100%；
溢出：隐藏；
背景色：#fff；
}
.modal-content-2 h1{
颜色：#1c1c；
字体大小：25px；
文本对齐：左对齐；
左边距：70像素；
字体大小：300；
边缘底部：35px；
}
.模态内容p{
宽度：600px；
文本对齐：左对齐；
线高：1.5；
字号：100；
}
.modal_集装箱{
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
对齐项目：居中；
}
.模态内容跨度{
字体大小：23px；
}
.模态内容{
高度：20vw；
z指数：7；
}
.结束{
颜色：#000；
位置：绝对位置；
顶部：25px；
右：40px；
}

✖
123
123

✖
123
123

欢迎来到StackOverflow

问题1：获取
ID时出现了一个小错误，您需要使用jQuery
属性
attr（）
以获取
ID

问题2：您的第二个型号
id=“myModal-2”
在第一个型号内
model
id=“myModal”
，您需要将其移出，以便在
点击第二个链接

问题3：jQuery
show（）
函数本身就是为了使任何元素可见，您不需要在其中写入
“显示”、“块”

在这里我修复了问题，请检查它：
$（'a'）。单击（函数（）{
console.log（$（this.attr（'id'））；
开关（$（this.attr（'id'））{//替换if
案例“myBtn”：//如果此===myBtn
$（“#myModal”）.show（）；//此函数在此处执行，否则会进一步查看
打破
案例“myBtn-2”：//如果此===myBtn-2
$（“#myModal-2”）.show（）；//此函数在此处执行，否则会进一步查看
打破
}
});
.modal{
显示：无；
位置：固定；
z指数：6；
左：0；
排名：0；
宽度：100%；
身高：1000%；
溢出：隐藏；
背景色：rgba（0,0,0,0.4）；
}
.模态内容{
位置：固定；
z指数：7；
右：0；
排名：0；
宽度：35%；
身高：100%；
溢出：隐藏；
背景色：#fff；
}
.模态内容h1{
颜色：#1c1c；
字体大小：25px；
文本对齐：左对齐；
左边距：70像素；
字体大小：300；
边缘底部：35px；
}
.模态内容p{
宽度：600px；
文本对齐：左对齐；
线高：1.5；
字号：100；
}
.modal_集装箱{
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
对齐项目：居中；
}
.模态内容跨度{
字体大小：23px；
}
.模态内容{
高度：20vw；
z指数：7；
}
.结束{
颜色：#000；
位置：绝对位置；
顶部：25px；
右：40px；
}
.模态-2{
显示：无；
位置：固定；
z指数：6；
左：0；
排名：0；
宽度：100%；
身高：1000%；
溢出：隐藏；
背景色：rgba（0,0,0,0.4）；
}
.modal-content-2{
位置：固定；
z指数：7；
右：0；
排名：0；
宽度：35%；
身高：100%；
溢出：隐藏；
背景色：#fff；
}
.modal-content-2 h1{
颜色：#1c1c；
字体大小：25px；
文本对齐：左对齐；
左边距：70像素；
字体大小：300；
边缘底部：35px；
}
.模态内容p{
宽度：600px；
文本对齐：左对齐；
线高：1.5；
字号：100；
}
.modal_集装箱{
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
对齐项目：居中；
}
.模态内容跨度{
字体大小：23px；
}
.模态内容{
高度：20vw；
z指数：7；
}
C