Найдите элемент HTML с данным объектом this, который не является потомком - PullRequest
Новая
       16

Найдите элемент HTML с данным объектом this, который не является потомком

0 голосов
/ 29 апреля 2019

Может быть, вопрос очень странный .. Учитывая этот кусок 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>, и как я могу узнать, какие <figcaption> мне нужно отобразить, если этот объект в событии onclick запущен? Я решил с атрибутом [data-team], но мне кажется, это жестко закодированное решение. Есть способ быть динамичным? Спасибо

...