我可以按特定顺序迭代标记中的不同数据标记吗?

时间:2012-08-28 12:06:19

标签: javascript jquery

在我的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>

如果至少存在a,我是否有办法将时间添加到h1标签中 定时点数据-t0?

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

我遇到的问题是我需要一些方法让它经历并加入时代 对于每个时间点。我可以做简单的jQuery,但我不知道如何制作它 迭代每个时间点。

1 个答案:

答案 0 :(得分:0)

您可能只想使用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(', '));