Если пользователь нажал на ссылку, добавьте класс и сохраните, используя PHP / Wordpress

Question

У меня есть несколько div-ов на моем веб-сайте, которые можно нажимать. Я просто хочу, чтобы, когда пользователь нажимал на этот div, добавлялся класс, чтобы они знали, что просмотрели это.

Например, у нас может быть список из 10 ссылок на сайте. Как только они нажмут на ссылку, будет добавлен «просматриваемый» класс, чтобы установить зеленый цвет фона.

Я знаю, что ниже приведен простой способ сделать это в jQuery, но если кто-то может пожелать помогите с сохранением этого в PHP, это очень помогло бы, я застрял на этом!

$(function() {
  $('.clickable-links > div').click(function() {
    $(this).addClass("viewed");
  });
});

.viewed {
  background: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.0.min.js" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" crossorigin="anonymous"></script>
<div class="clickable-links">
  <div class="link1">Lnk 1</div>
  <div class="link2">Lnk 2</div>
  <div class="link3">Lnk 3</div>
</div>

Answer 1

Вы можете добавить jquery ajax, чтобы сохранить изменение статуса в вашем php. Например:

$(function() {
    $('.clickable-links > div').click(function() {
    link= $(this).text()
    $(this).addClass("viewed");
    $.ajax({
        type: "POST",
        url: "/url/to/php/script",
        data: "link=" + link,
        })
    })
});

Затем в вашем скрипте PHP вы получаете доступ по нажатой ссылке:

$link=$_POST['link']

Это всего лишь мысль. Это может быть улучшено.