javascript - 设置 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

如果要将数据存储在属性中，则应使用HTML5data-*属性- 这就是它们的用途，如规范中所述。

一些 JavaScript 库，例如jQuery，对它们有原生支持。