也许这个问题很奇怪。 有了这段HTML
<div class="team-item wow fadeInUpQuick" data-wow-delay=".2s">
<figure class="team-profile">
<img src="assets/img/team/Roby-piccola.jpg" alt="">
<figcaption data-team="roby" class="">
<div class="details">
<p class="content-white">Some text</p>
</div>
</figcaption>
</figure>
<div class="info">
<h2>Name<span class="mobile-visible">   </span><i data-
team='roby' id="more-info" class="fas fa-info mobile-visible"></i>
</h2>
</div>
</div>
在移动设备中时,<i>
元素可见,并且附加了onclick事件。单击它时,我希望<figcation>
得到opacity: 1
(默认为opacity: 0
;)。
我有12个团队项目<div>
,如何在触发onclick事件的情况下知道该对象需要显示哪个<figcaption>
?
我用[data-team]
属性解决了,但对我来说似乎是硬编码的解决方案。有办法动态吗?
谢谢