Добавление childs в список родителей с помощью jquery / mvc2

Question

У меня есть таблица продуктов на моей странице, каждый продукт имеет ноль или более цветов, цвета отображаются в виде списка под продуктом. После цветов у меня есть кнопка, чтобы добавить цвет. Кнопка выполнит Ajax-вызов с идентификатором родительского продукта для контроллера, который вернет объект JSON с информацией о цвете. Моя проблема в том, где хранить идентификатор продукта в DOM. Должен ли я поместить его в скрытое поле и использовать jquery в событии click «add color», чтобы добраться до него? Каков наилучший способ сделать это?

ТИА,

John

РЕДАКТИРОВАТЬ : Страница изначально отображается на сервере, поэтому я не хочу использовать jquery для добавления идентификаторов на страницу.

Answer 1

Быстрый и грязный способ - поместить его в атрибут rel тега привязки. Или вы можете использовать плагин метаданных: http://plugins.jquery.com/project/metadata. Он способен получать атрибуты "данные-что-то" из элемента. А атрибут «данные-что-то» действителен для HTML 5 ( больше информации ).

Так что ваш HTML может выглядеть так:

<tr data-productid="123"><td>...</td></tr>

И при событии клика:

var productId = $('tr-selector-here').metadata().productid;