Есть код:
<div class="media-right align-self-center" data-toggle="modal" data-target="#chartModal">
<button type="button" class="btn btn-success btn-square">Посмотреть</button>
<div class="percent" style="display:none;">
<span class="F1_V" data-chartname="Фаза 1" data-ylabel="Вольт" data-charttype="line" data-chartcolor="rgb(255 0 0 / 40%)"></span>
<span class="F2_V" data-chartname="Фаза 2" data-chartcolor="rgb(255 200 0 / 40%)"></span>
<span class="F3_V" data-chartname="Фаза 3" data-chartcolor="rgb(0 255 0 / 40%)"></span>
</div>
</div>
При клике вызывается модальное окно bootstrap 4.
Далее по событию открытия получаю адрес элемента вызвавшего открытие.
Далее пытаюсь найти первый спан в блоке .percent
$(event.relatedTarget).children('.percent>span:eq(0)');
В ответ - 0 строк найдено =(
Что я делаю не так?(