javascript – 意见：HTML,可能重复的ID或非标准属性？

想要让您的 JavaScript知道一个特定的dom节点对应于数据库中的记录似乎是很常见的.你是怎么做到的？

我看到的一个很常见的方法是使用类的类型和id的id：

<div class="thing" id="5">
<script> myThing = select(".thing#5") </script>

有一个轻微的html标准问题,但是如果您在页面上有多种类型的记录,则可能会导致重复的ID.但是这并没有什么不好,是吗？

另一种方法是使用数据属性：

<div data-thing-id="5">
<script> myThing = select("[data-thing-id=5]") </script>

这会绕过重复的ID问题,但它的确意味着您必须处理属性而不是ID,这有时更困难.你们有什么感想？

解决方法

请注意,ID不能以数字开头,所以：

<div class="thing" id="5">

是无效的HTML.见What are valid values for the id attribute in HTML?

在你的情况下,我会使用ID,如thing5或thing.5.