Javascript - ページの別の要素を変更する

Question

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> 

それから私は、時間の各要素を取得し、数分の固定数（すべてに同じ）を追加または削除します。

どうすればいいですか？

Answer 1

Macro Manのように、moment.jsは時間を操作するのに役立ちます。

また

は、のようなものを使用して、すべてのスパン要素をフェッチするためのjQueryを使用します。

var timeElements = $(".time"); 

が、その後moment.jsとのそれぞれを操作します。

Answer 2

これを行う1つの方法は、プレーンjQueryのに

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

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

})