Question

也许这个问题很奇怪。有了这段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">&nbsp&nbsp&nbsp</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]属性解决了，但对我来说似乎是硬编码的解决方案。有办法动态吗？谢谢

查找给定的'this'对象的HTML元素，该元素不是以下元素的子元素

0 个答案: