javascript - 我可以按特定顺序迭代标签中的不同数据标签吗？

Question

在我的 HTML 中，我有以下代码。根据显示的内容，它可以有 0、1、2、3、4 或 5 个不同的时间点。第一个感兴趣的时间段是 data-t0，然后下一个是 data-t1 减去 data-t0 等。

<table id="dataTable" data-t2="1828" data-t1="1552" data-t0="1163" ></table>
<h1>Grid data</h1>

如果至少存在时间点data-t0，有没有办法可以像这样将时间添加到h1标签？

<h1 title="Response time: t1=1163, t2=11, t3=276">Grid data</h1>

我遇到的问题是我需要一些方法来完成并添加每个时间点的时间。我可以做简单的 jQuery，但我不知道如何让它遍历每个时间点。

Answer 1

您可能只想使用 JSON 文字将数据存储在单个属性中：

<table id="dataTable" data-t="[1163, 1552, 1828]" ></table>

var data = $("#dataTable").data('t'); //jQuery does the JSON parsing for us
var diffs = [];

for(var i = 0; i + 1 < data.length; i++) {
    diffs[i] = data[i + 1] - data[i];
}

alert(diffs.join(', '));