jquery - 查找给定“this”对象的 HTML 元素，该对象不是其子对象

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]属性解决了，但在我看来这是硬编码的解决方案。有办法动态吗？谢谢

标签： jqueryjquery-selectorsonclicklistener