javascript - 将数据存储在没有任何内容的 HTML 标记中是最佳做法吗？

Question

在模板中这样做是不好的做法，还是有更好的选择？在我的代码中使用这样的空 span 可以吗？

<span class="stored-id-number" data-idnumber="1234"><!-- empty --></span>

我问的原因是因为目前这似乎是我可以存储关于多个项目的一些数据的唯一方法，每个项目都存在于不同的模板结构中，然后使用 JavaScript 可靠地检索该数据，如下所示:

// get all instances of this data item - where ever they may be
$('.stored-id-number').each(function (item) {
    var idNumber = $(this).data('idnumber');
    // do something with ID number in relation to this item
});

添加一个空的 span 在我看来很奇怪元素只是为了存储一些数据。但目前这似乎是我能做到的唯一可靠方法。

Answer 1

它是在 HTML5 中为此设计的。更多关于 data-* 的信息:http://www.w3schools.com/tags/att_global_data.asp

或者你可以这样做:

<script>
     var store = {
          "myStoreId": 1234,
          "myOterStoreId": 9876,
     }
</script> 

通过以下方式访问它:

store["mystoreId"]

或

for (storeId in store) {
    var idNumber = store[storeId]
}

---

编辑:也许您只是想要一个“storeIds”数组？这样做:

<script>
     var store = [
          1234,
          9876,
     ]
</script> 

通过以下方式访问它:

store[index]

或

for (var i = 0; i < store.length; ++i) {
    var idNumber = store[0]
}