求教：给16个div设置data-index="" 控制另一个div中16张图片显示隐藏

本文链接：https://blog.csdn.net/Desting_liu/article/details/103137990

博主遇到问题，寻求帮助如何通过为16个div设置data-index属性来控制同一div内的16张图片进行显示和隐藏。这涉及到HTML、CSS和JavaScript的交互应用。

摘要由CSDN通过智能技术生成

求教：给16个div设置data-index="" 控制另一个div中16张图片显示隐藏

刚毕业的实习生，在网上扒的网站，但是js没有用，我也没学过js；求教怎么解决？

<div data-v-4a1fb872="" data-v-311834f5="" class="wrapper">
					<div data-v-4a1fb872="" class="bg-left" style="background-image:url(小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/index2bg.2dead38.png)">
					</div>
					<div data-v-4a1fb872="" class="part">
						<div data-v-4a1fb872="" class="phone" style="background-image:url(小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/phone.1a1ffa5.png)">
							<div data-v-4a1fb872="" class="phone-img">
								<img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-1.514b9e5.png"
								alt="">
								<img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-2.fe2440c.png"
								alt="" style="display: none;">
								<img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-3.61fa415.png"
								alt="" style="display: none;">
								<img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-1.77e24af.png"
								alt="" style="display: none;">
								<img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-2.03c77b0.png"
								alt="" style="display: none;">
								<img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-3.68454c5.png"
								alt="" style="display: none;">
								<img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/3-1.378751a.png"
								alt="" style="display: none;">
								<img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/3-2.5