使用jQuery从各自的值更新多个范围文本

Updating multiple span text from respective value with jQuery each

本文关键字：更新 范围 文本 jQuery 使用      更新时间：2023-09-26

我的页面中有一堆时间戳，我希望Javascript将其转换为用户的本地时区。在我的模板中，我将 ISO 格式的时间戳放入一个特殊的 span 类中，并希望遍历每个跨度以进行转换。这是我的代码：

$('.tzdate').each( function(){
    $(this).text( Date( $(this).val() ) );
  });

转换效果很好。唯一的问题是每个跨度都更新为相同的值。我认为在 $.each（） 中使用 $（this） 会起作用，但它似乎在 Chrome 或 Firefox 中都没有。

有什么建议吗？

[编辑]
VisioN 的回答让我开始了，因为它现在实际上正在执行日期转换，而不仅仅是使用脚本运行时的时间戳。现在的问题是将文本设置为日期似乎不起作用。一些更新的代码：

$( ".tzdate" ).each(function( index ) {
  console.log( index + ": " + $(this).text() );
  console.log( index + ": " + new Date( $(this).text() ) );
  var a = new Date( $(this).text() )
  $(this).text ( a ) 
});

输出：

0: 2013-01-24T18:42:21
0: Thu Jan 24 2013 13:42:21 GMT-0500 (EST)
1: 2013-01-24T18:35:08
1: Thu Jan 24 2013 13:35:08 GMT-0500 (EST)
2: 2013-01-24T18:42:21
2: Thu Jan 24 2013 13:42:21 GMT-0500 (EST)
3: 2013-01-24T18:40:27
3: Thu Jan 24 2013 13:40:27 GMT-0500 (EST)

但是跨度的文本实际上并没有更新。思潮？谢谢！

[最终编辑]
设置范围的文本时，需要在日期对象后使用 .toString（）。

你忘记了new关键字。

它将从 ISO 日期字符串创建一个新的Date对象，并将解决问题：

$(this).text( new Date( this.value ).toString() );
相关文章：