JavaScript для хранения данных из динамических div

Я работаю над тем, чтобы отметить посещенные ссылки во время сеанса.
Для этого я использую свойство sessionStorage но мне трудно понять, как хранить данные по определенной ссылке, поскольку они генерируются динамически.

Пока мой код выглядит так:

const links = document.querySelectorAll('.caption');
for (let i = 0; i < links.length; i++) {
links[i].addEventListener("click", function() {
links[i].classList.add("visited");
var thisLink = sessionStorage.setItem('link' + [i], 'true');
});
window.onload = function() {
var link = sessionStorage.getItem('link' + [i]);
if(link === 'true'){
links[i].classList.add("visited");
}
}
}

Php

    <div class="caption">
<h1><a href="<?= $photo->url() ?>"><span><?= $photo->title()->html() ?></span></a></h1>
<h2><a href="<?= $photo->url() ?>"><?= $photo->infos()->kt() ?></a></h2>
</div>

Css

.visited{
span {background-color: gold;}
}

Большое спасибо !