jQuery函数仅运行一次

Question

Using the Moments.js library I'm attempting to grab the value of the datetime attribute from every time tag and output the time using natural language.

Given this:

<time datetime="2014-06-27"></time>

The Results would be:

<time datetime="2014-06-11">17 hours ago</time>

Using this:

$(document).ready(function(){
    var time = $('time'),
        date = moment(time.attr('datetime')),
        update = function(){
                   time.html(date.fromNow());
                 };

    update();
});

It works, but only for the first time element. All the additional time elements are also saying "17 hours ago".

It's my guess that the function is only being run once on the first instance of time.

How can I make sure it's being run for each, and doing so efficiently?

Answer 1

You need to loop through all the time tags. Right now you are only applying it to the first instance of <time> . Use jQuery .each() .

$(document).ready(function(){
    var time = $('time');

    time.each(function() {
        date = moment($(this).attr('datetime'));
        $(this).html(date.fromNow());
    });
});

jsFiddle Demo