Php Jquery存储/切换类操作顺序

我对Jquery非常陌生，对HTML也有些陌生。我正在学习W3上的一些培训示例，但我需要更多的洞察力

我有一个状态部分，其中包含项目和div的列表。div是一个彩色框，默认为绿色

<h2>STATUS</h2>
    <ul>
        <li>Device 1
            <a href="mailto:email@webhost.com" onClick="alert('You are about to change the status of this device.')"><div id="State1" class="Sgreen"></div></a>
        </li>
    </ul>

状态

设备1

总共有8台设备。当使用Jquery单击div#State1时，我有一个css类要切换为红色

<script>
    $(document).ready(function(){
        $("#State1").click(function(){
            $("#State1").toggleClass("Sred");
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#状态1”）。单击（函数（）{
$（“#State1”）.toggleClass（“Sred”）；
});
});

当有人单击div#State1时，我需要发生什么：

警报窗口：Text=您将要更改设备状态

电子邮件窗口：他们需要在toggleClass发生之前向支持人员发送电子邮件。如果他们取消了电子邮件窗口，切换类就不会发生

需要存储div#State1的类，以便每次在任何计算机上刷新或关闭站点并重新打开时，div#State1类都是最近使用的类

toggleClass的两个类是“绿色”或“红色”颜色变化。红色表示设备已关闭，绿色表示设备已启动

我有切换工作，但不保存重新加载/刷新的日期，它默认为绿色，因为这是我在html中设置的类

我可以打开警报和电子邮件，但我不确定如何让所有这些东西一起工作，就像我需要它们一样，并保存最后使用的类

任何对教程、指南甚至示例的指导都会非常有用

我不想要讲义，因为我真的想学怎么做。我只是需要一点帮助

---

谢谢

如果有人有时间帮忙，我还在这里寻求帮助。也许这是一个PHP问题？我不知道PHP，但正在研究它。我刚刚完成了一个关于JavaScript的基本培训课程，我的大脑被炸了，有点不知所措。

电子邮件窗口：他们需要在toggleClass开始之前将电子邮件发送给支持人员。如果他们在电子邮件窗口外取消，则不会出现切换类。

。我不知道你是否能做到这一点，当你点击一个

href=“mailto:…”

锚点时，默认的电子邮件客户端将打开（根据outlook示例），而你无法控制它。

需要存储div#State1的类，以便每次刷新或关闭站点并在任何计算机上重新打开时，div#State1类是最近使用的类。

Cookies是实现这一点的方法。谷歌可能是你的盟友。因此，我可以使用一个带有取消或提交按钮的表单，而不是使用href-to-mailto，如果用户点击取消按钮，则状态会发生变化。我可以把这些都写在代码里，对吗？我会研究cookie的解决方案。非常感谢。如果有人有时间帮忙，我还在这里寻求帮助。也许这是一个PHP问题？我不知道PHP，但正在研究它。我刚刚完成了一个关于JavaScript的基本培训课程，我的大脑被炸了，有点不知所措。

电子邮件窗口：他们需要在toggleClass开始之前将电子邮件发送给支持人员。如果他们在电子邮件窗口外取消，则不会出现切换类。

。我不知道你是否能做到这一点，当你点击一个

href=“mailto:…”

锚点时，默认的电子邮件客户端将打开（根据outlook示例），而你无法控制它。

需要存储div#State1的类，以便每次刷新或关闭站点并在任何计算机上重新打开时，div#State1类是最近使用的类。

Cookies是实现这一点的方法。谷歌可能是你的盟友。因此，我可以使用一个带有取消或提交按钮的表单，而不是使用href-to-mailto，如果用户点击取消按钮，则状态会发生变化。我可以把这些都写在代码里，对吗？我会研究cookie的解决方案。非常感谢。