Пользовательские значения в элементы HTML в качестве атрибутов?

Question

В настоящее время я работаю над очень простым календарем, используя Jquery.

На самом деле, для некоторых событий нам нужен еженедельный просмотр с возможностью изменения недели с помощью Jquery (как в Календаре Google).

Самый простой способ, которым я думал, - это оборачивать каждую неделю в <div>, а Jquery перемещаться по различным 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: Как использовать атрибуты данных HTML5 в XHTML? .

Что касается вашего редактирования, я подчеркиваю еще больше использование атрибутов данных.То, что вы предложили, работает, но это всего лишь обходной путь для исправления того, что уже имеет правильное решение.

Даже вы можете включить в свой проект Modernizr , если действительно считаете, что могут возникнуть проблемы со старыми браузерами.,Ну, у меня никогда не было этих проблем.

Answer 2

Попробуйте добавить атрибут value, и затем вы сможете прочитать его стандартным методом JavaScript getAttribute ('value').

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

Или еще проще, используйте атрибут id и поместите туда число.

Этот атрибут будет игнорироваться любым браузером, и никаких предупреждений не будет. Я всегда избегаю реализации HTML5 для функций, которые могут быть как-то реализованы в HTML4.