javascript - HTML、jQuery 列表建议

Question

我正在创建一个应用程序，该应用程序将包含一个消息列表，每条消息都可以是已读或未读的。想想 GMAIL(尽管我并不想重建它)...

我的问题是，当我输出所有这些消息时，我需要列出消息是否已读或未读，我还需要提供更改消息状态(从已读到未读)的功能。话虽这么说，你建议我如何存储它？一个复选框，一个隐藏的输入值？有什么想法吗？

谢谢

Answer 1

复选框可能是显示消息是否已读的简单方法，但我认为消息标题(或此页面上显示的任何内容)之间的样式差异将有助于打造更好的 UI。

您可以存储与每条消息关联的“消息类型”，用于在构建页面时设置类。当您在已读和未读之间切换其状态时，样式将根据您为该状态设置的规则进行翻转。

例如)

.unread{
 background-color:#DDDDDD;
 font-weight:bold;
}
.read{
 background-color:#FFFFFF;
 font-weight:normal;
}