javascript - 使用Javascript更改多个ID的标题，从原始值计算

Question

我的代码采用 TD 标签的标题来获取之间的时间差 在字符串中出现两次
(即13:01-14:03)并将其显示为新标题(属性)，这仅适用于唯一元素，当我有多个元素时，它会失败。< br/> 我怎样才能让它适用于这种情况？

<table>
    <thead>
        <th>First</th>
        <th>Second</th>
        <th>Third</th>
        <th>Ok</th>

    </thead>
    <tr>
        <td>1</td>
        <td>CCBB</td>
        <td class='huifa' id='calc' title='02-01-2013 13:01-14:03'>231</td>
        <td class='huifa' id='calc' title='02-01-2013 13:01-13:53'>1</td>
    </tr>

   <tr>
        <td>2</td>
        <td>CCBB</td>
        <td>342</td>
        <td>0</td>

    </tr>
</table>

JS 代码

<script>
element = document.getElementById('calc');
v = element.title
v = v.slice(11)
v = v.split('-')
totalTime = delTime(v[1],v[0]);
element.title = 'Duracion: '+totalTime
</script>

我的工作代码在这里:http://jsfiddle.net/cespinoza/tg86a/55/

谢谢。

Answer 1

首先，将 id='calc' 更改为 class='calc'。然后将您的代码更改为:

elements = document.getElementsByClassName('calc');
for(var i = 0; i < elements.length; i++) {
  v = elements[i].title;
  v = v.slice(11);
  v = v.split('-');
   totalTime = delTime(v[1],v[0]);
   elements[i].title = 'Duration: ' + totalTime;                             
}