设置HTML自定义属性与在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）对它们有本机支持。