jQuery如何实现同一个遮罩层显示不同的内容?-灵析社区

周舟莫UI设计

页面有多个div元素,点击这些div元素将弹出一个遮罩层,遮罩层内显示所点击的对应的内容,请教大佬们该如何用jQuery实现? 具体如下图: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/28f7b13904f76ee7a71f0f127756cfd4.png) 对应代码: div1 div1 div1 div1 点击div元素弹出的遮罩层根据所点击的div显示对应的内容,如下图: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250103/ddf6809be4e55bda7ec5bc7199ee4f06.png) div1 Hello div1! 因为后期会有多个div元素,请问大佬们能否做成数据串的形式,点击那个就把对应的数据插入到这个遮罩层框架内

阅读量:24

点赞量:0

问AI
一本正经写代码
$("#d1").click(function(){ $(".title").html(标题1") $(".description").html("内容一") // 显示遮罩 $("#target").show(); }) $("#d2").click(function(){ $(".title").html(标题2") $(".description").html("内容二") // 显示遮罩 $("#target").show(); })