如何存储来自动态div的数据

Question

我正在研究一种标记会话期间访问过的链接的方法。 为此，我使用了 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;}
}

非常感谢！