-1

我正在尝试建立一个小列表，用户可以在其中指出他们最喜欢的主题。

因此，基本上，当用户单击 div 时，背景颜色（当前为灰色）变为另一种颜色（绿色）。当他再次单击时，背景颜色必须变回灰色。我能够改变 div 的颜色，但它也改变了他面前 div 的颜色。指示的 div（绿色）应保存在我的数据库中。

我的PHP代码：

<?php
    while($Keuzescherm= $allGenres->fetch_assoc())
    {echo "<div class='keuzeDiv' id='".$Keuzescherm['Genrenaam'] ."'>" . $Keuzescherm['Genrenaam']."</>";}
?>

我不确定Javascript。但我猜你需要使用getElementById(). 目前我正在使用这个：

$(".keuzeDiv").on("click", function () {
    $(this).toggleClass("green");
});

和CSS：

.keuzeDiv {
    background-color:#dddddd; 
    padding-top:5%;
    color: black;
}

所以我的问题是：如何更改指定 div 的背景颜色并将这些 div 保存在我的数据库中？

4

1 回答 1

1

问题在于您的 PHP 代码。您没有正确关闭每个 DIV。

改变

{echo "<div class='keuzeDiv' id='".$Keuzescherm['Genrenaam'] ."'>" . $Keuzescherm['Genrenaam']."</>";}

（产生<div>...</>）

至

{echo "<div class='keuzeDiv' id='".$Keuzescherm['Genrenaam'] ."'>" . $Keuzescherm['Genrenaam']."</div>";}

（产生<div>...</div>）

你会从我的小提琴中看到你的 JavaScript 没有任何问题。

于 2013-05-14T18:43:54.190 回答