Блог

Я хотел бы прикрепить идентификационные номера к элементам моего списка таким образом, чтобы эти номера можно было прочитать в JS. Наиболее целесообразно прикреплять идентификатор при генерации HTML на сервере. Есть ли хороший способ сделать это, кроме привязки идентификатора к элементам li в качестве атрибутов expando? Или это единственный способ, отличный от генерации элементов в JS?

Чтобы было понятно, опция expando будет:

 <li myid="{{=item.id}}">{{=item.name}}</li>
  

Мне это кажется неприглядным, но я также не хочу генерировать большой JS-список данных элемента, который затем используется для генерации li. Неужели просто нет «правильного» варианта?

Для этого существуют пользовательские атрибуты data-*:

 <li data-id="{{=item.id}}">{{=item.name}}</li>
  

смотрите: http://www.w3.org/TR/html5/elements.html#embedding-custom-non-visible-data-with-the-data-attributes