Как хранить данные из динамических div - PullRequest
Новая
       5

Как хранить данные из динамических div

0 голосов
/ 28 ноября 2018

Я работаю над тем, чтобы отметить посещенные ссылки во время сеанса.Для этого я использую свойство 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;}
}

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

...