JavaScript — Localalstorage продолжает сбрасывать

Я вызываю данные из MySQL в строках, и каждый идентификатор помещается в отдельный div.
Как только клиент нажимает на один из этих div (url), div должен удалить себя и поместить себя во «видимую» вкладку. Я делаю это, удаляя и добавляя другой класс.

Это работает отлично, но если я сейчас собираюсь, например, ID 15, то этот удаляет себя от нового к «увиденному». Но первый сбрасывает сам себя и снова переходит в «новый». Как я могу убедиться, что каждый раз, когда я нажимаю на новый URL-адрес в строке, он собирает другой на вкладке «Видимые»?

PHP:

<?php while($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
// output data of each row
$idselection = $row["entryId"];
echo "<div class='one-block-info' style='width: 33%; float: left; margin-top: 10px; margin-bottom: 10px; text-align: center; border: 1px solid black;'><div class='hide_div' style='font-size: 17px; color: #6A8F3B;'><br /><a class='tag-link new' style='color: rgb(106, 143, 59);' href='/offerte-formulier?id=". $idselection ."' target='_self'>ID:<span class='empty_span'> " . $idselection . "</span></a></div>
<div class='hide_div'><br />Keuken Type:<span class='empty_span'> " . $row["stijlkeuken"] . "</span></div>
<div class='hide_div' style='padding-bottom: 10px;'><br />Voornaam & Achternaam:<span class='empty_span'> " . $row["firstname"] . " " . $row["lastname"] . "</span></div></div>";
} ?>

Javascript:

$(document).ready(function() {
$("a.tag-link.new").click(function() {
var pid = $(this);

$(pid).removeClass("new");
$(pid).addClass("active");
localStorage.setItem("selectedolditem", $(pid).text());
});

var selectedolditem = localStorage.getItem('selectedolditem');

if (selectedolditem !== null) {

$("a:contains('" + selectedolditem + "')").removeClass("new");
$("a:contains('" + selectedolditem + "')").addClass("active");
}
});

Поэтому мне нужно убедиться, что каждая строка, по которой я щелкаю, должна переходить на вкладку «Видимые», а другая не возвращается.
Спасибо всем