Javascript - 更改页面的不同元素

时间:2017-12-13 14:26:29

标签: javascript jquery

我需要对dom中的几个元素应用一个操作。这些元素不同但操作对所有人来说都是一样的。每次加载页面时,页面中这些元素的数量都会有所不同。

例如:

<p>The time is <span class="time">15:50</span>.</p>
<p>The time was <span class="time">10:20</span>.</p>
<p>The time will be <span class="time">23:65</span>.</p>
<p>The time is <span class="time">14:15</span>.</p>

然后我想采用每个时间元素并添加或删除固定的分钟数(对所有时间都相同)。

我该怎么做?

2 个答案:

答案 0 :(得分:-1)

像Macro Man所说,moment.js将帮助你操纵时代。

此外,使用jQuery来获取所有span元素:

var timeElements = $(".time");

然后用moment.js操纵每一个。

答案 1 :(得分:-1)

一种方法是使用普通的JQuery

$('.time').each(function(){

    $(this).html($(this).html() + ' - modified ' + Math.random());

})