将自定义值转换为HTML元素作为属性?

时间:2011-06-16 14:30:07

标签: jquery html html5

我目前正在使用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"等?

2 个答案:

答案 0 :(得分:6)

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

当然,您可以使用有效的XHTML:How can I use HTML5 Data Attributes in XHTML?

关于您的编辑,我更强调数据属性的使用。您的建议有效,但仅仅是解决已经有正确解决方案的解决方法。

如果您确实认为旧浏览器可能存在问题,即使您可以在项目Modernizr中加入。好吧,我从未遇到过这些问题。

答案 1 :(得分:0)

尝试添加value属性,然后使用标准JavaScript getAttribute('value')方法读取它。

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

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

任何浏览器都会默默忽略此属性,不会引发任何警告。我总是避免为某些可以用HTML4实现的功能实现HTML5。