将自定义值转换为HTML元素的属性？

Question

我目前正在使用Jquery开发非常简单的日历。

实际上，对于某些事件，我们需要每周查看一次，并且可以使用Jquery更改星期（例如在Google日历上）。

我认为最简单的方法是每周将其包装到<div> ，并使Jquery以类似滑块的样式沿不同的div /周移动。

实际上，我需要一种对单个div进行编号的方法，并且我正在考虑使用“虚拟”属性week-number ，即

<div week-number="3"> ... </div>

转到下周是可以的，但是要转到前一周吗？ 从逻辑上讲，如果起始周编号为“ 1”，则我将得到负周数，也就是说

<div week-number="-3"> ... </div>

我真的不太喜欢这种方法，所以您对确定不同的div /周有任何想法吗？

编辑：考虑一下：如何使用编号的类？ 例如class="week-1" ， class="week-2"等？

Answer 1

这就是为什么存在数据属性的原因： http : //ejohn.org/blog/html-5-data-attributes 。

当然，您可以使用有效的XHTML： 如何在XHTML中使用HTML5数据属性？ 。

关于您的编辑，我更加强调数据属性的使用。 您的建议是可行的，但仅是解决已存在正确解决方案的解决方法。

如果您真的相信旧版浏览器可能存在问题，甚至可以将其包含在您的项目Modernizr中 。 好吧，我从来没有遇到过这些问题。

Answer 2

尝试添加value属性，然后可以使用标准JavaScript getAttribute（'value'）方法读取它。

<div value="3"> ... </div>
<div value="-3"> ... </div>

甚至更简单，使用id属性并将数字放在此处。

任何浏览器都将静默忽略此属性，并且不会发出警告。 我总是避免为可以以某种方式在HTML4中实现的功能实现HTML5。