替代jQuery .data（）？

Question

我是jQuery的.data（）方法的忠實粉絲，但我不能總是使用它。通常，我正在渲染通過AJAX傳遞的html模板，我需要將元數據附加到模板中的每個元素。例如：

<ul> 
{% for item in itemlist %} 
    <li metadata="{{ item.metadata }}">{{ item.name }}</li> 
{% endfor %} 
</ul> 

我知道屬性附加存儲的數據是不好的做法（這可能無法在舊版本的IE甚至工作）。最佳做法是什麼？這種方法有很好的選擇嗎？

Answer 1

data-*屬性。請參閱Can I just make up attributes on my HTML tags?。

Answer 2

如果所討論的元素都具有ids，那麼請將它們（無論是哪種服務器端語言）注入到javascript數組中，其中id是鍵，元數據是值。

例子：

<script type="text/javascript"> 
    var metadata; 
    {% for item in itemlist %} 
     metadata['{{ item.id }}'] = '{{ item.metadata }}'; 
    {% endfor %} 
    //metadata contains a set of id => metadat pairs 
</script> 

<ul> 
    {% for item in itemlist %} 
    <li id="{{ item.id }}">{{ item.name }}</li> 
    {% endfor %} 
</ul> 

Answer 3

我想連接的是並沒有別的目的，而不是提供元數據是好的，所以做jQueryUI的它似乎製造商類的做法（見：.ui-state-error，.ui-state-highlight，.ui-state-active，等等），但我不知道這對你來說是否是不好的習慣。