我在行中调用mysql中的数据,每个ID都放在一个单独的div中。 一旦客户点击其中一个div(url),div就会自行移除并将自己放置在"中看到"标签。我这样做是通过删除并添加另一个类来实现的。
这很有效,但是如果我现在以ID 15为例,那么这个将从新到#'中删除。但第一个是重置自己,并转移到新的'再次。我怎样才能确保每次点击该行中的新网址时,它都会收到另一个在该网址中显示的网址。标签
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");
}
});
所以我需要确保我点击的每一行都应该移到“看过”的位置。标签没有另一个回来。 谢谢大家