设置HTML自定义属性VS在ID属性

Question

通常存储信息时，我需要在JavaScript中随机对象的一些ID（存储在服务器上），我用下面的方法：

<div id="chat-wrap-29" class="chat-wrap">...</div> 
<div id="chat-wrap-28" class="chat-wrap">...</div> 

这是怎么了我知道我可以在JS脚本中检索聊天包ID并通过服务器上的AJAX发送它。 为了得到id我必须检索id属性（this.getAttribute("id")），并在脚本中进行一些字符串操作。

一个更清洁的方式是使用这样的：

<div class="chat-wrap" chatId = "29">...</div> 
<div class="chat-wrap" chatId = "29">...</div> 

这样会有在DOM宣布少ID和我会避免字符串操作。这个解决方案有什么缺点吗？在我描述的情况下，最佳做法是什么？

谢谢！

Answer 1

如果要将数据存储在属性中，则应该使用HTML5 data-* attributes - 这是它们的用途，如the spec中所述。

一些JavaScript库（如jQuery）对它们有本地支持。