循环列表元素

Question

我有一个包含无序列表的页面，如下所示：

<ul id='shows'>
<div id='playlist_sections'>
        <li class='sect'><span class='duration'>155</span>Section 1</li>
        <li class='sect'><span class='duration'>248</span>Section 2</li>
        <li class='sect'><span class='duration'>856</span>Section 3</li>
</div>
</ul>

我想要做的是在页面加载后有一些jQuery代码循环遍历所有

<span class='duration'>248</span>

数字并将数字转换为hh：mm：ss。所以248变为2:08。我想我可能会在其他地方找到如何将秒转换为hh：mm：ss，但我不知道怎么做是循环遍历每个span元素并将其替换为转换结果。

由于

Answer 1

你可以尝试

$("span").each(function(){
 var text = $(this).text();//get the currently looped span's text
 //your conversion code here 
 $(this).text(/*calculated hh:mm:ss here*/);
});