将自定义值作为属性添加到HTML元素中？

Question

我目前正在使用Jquery编写一个非常简单的日历。

实际上，我们需要一个周视图的一些事件，有可能改变一周使用Jquery (就像在谷歌日历)。

我认为最简单的方法是将每周打包到一个<div>中，然后让Jquery以类似滑块的方式在不同的div/ week中移动。

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

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

转到下一周是可以的，但要转到前一周呢？从逻辑上讲，我会得到负的周数，只要开始的一周是"1"，也就是说

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

我真的不太喜欢这种方法，所以你知道如何识别不同的div/ weeks吗？

编辑:思考一下:使用编号类怎么样？例如class="week-1"、class="week-2"等？

Answer 1

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

当然，您也可以使用有效的XHTML：How can I use HTML5 Data Attributes in XHTML?。

关于您的编辑，我更强调数据属性的使用。您的建议是可行的，但只是一种变通方法，用于修复已经有正确解决方案的问题。

如果你真的认为旧浏览器可能有问题，甚至可以在你的项目中包含Modernizr。嗯，我从来没有遇到过这些问题。

Answer 2

尝试添加getAttribute属性，然后可以使用标准的value (‘value’)方法读取它。

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

或者更简单的是，使用id属性并将数字放在那里。

此属性将被任何浏览器静默忽略，并且不会引发任何警告。对于可以用HTML4实现的特性，我总是避免实现HTML5。