將孩子添加到jquery/mvc2的父母列表中

Question

我的頁面上有一張產品表，每種產品都有零種或多種顏色，顏色在產品下方顯示爲列表。顏色後我有一個按鈕添加一種顏色。該按鈕將使用父產品ID與控制器進行ajax調用，該控制器將返回帶有顏色信息的JSON對象。我的問題是在DOM中存儲產品ID的位置，我應該將它放在隱藏字段中，並在「添加顏色」的單擊事件中使用jquery來實現它？做這個的最好方式是什麼？

TIA，

約翰

編輯：該頁面最初呈現在服務器上，所以我不想使用jQuery的ID的添加到頁面。

Answer 1

快速而骯髒的方法是將它放在錨標記的rel屬性中。或者您可以使用元數據插件：http://plugins.jquery.com/project/metadata。它能夠從元素獲取「數據 - 某事」屬性。 「data-something」屬性適用於HTML 5（more info）。

所以，你可以有你的HTML的樣子：

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

而上的click事件：

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