通过jquery调用函数并将结果输出到razor html中的div

Question

我正在使用twitter api和created_at属性。 具体来说，我正在尝试将时间戳记发布X秒钟，几分钟，几小时，几天，几周之前。

我认为我编写了正确的函数，只是不确定如何调用该函数。 我试图将自己的属性放在div上，并使用jquery查找该div。 现在我只需要知道如何调用该函数。

<div style="text-align: left" data-utc="@Model.FullTweetData.CreatedAt"></div>

<script src="/javascript/jquery-2.0.3.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function ($) {

        $("div[data-utc=@Model.FullTweetData.CreatedAt]")

        function parseTwitterDate(tdate) {
            var system_date = new Date(Date.parse(tdate));
            var user_date = new Date();
            if (K.ie) {
                system_date = Date.parse(tdate.replace(/( \+)/, ' UTC$1'))
            }
            var diff = Math.floor((user_date - system_date) / 1000);
            if (diff < 60) { return "less than a minute ago"; }
            if (diff <= 90) { return "one minute ago"; }
            if (diff <= 3540) { return Math.round(diff / 60) + " minutes ago"; }
            if (diff <= 5400) { return "1 hour ago"; }
            if (diff <= 86400) { return Math.round(diff / 3600) + " hours ago"; }
            if (diff <= 129600) { return "1 day ago"; }
            if (diff < 604800) { return Math.round(diff / 86400) + " days ago"; }
            if (diff <= 777600) { return "1 week ago"; }
            return "on " + system_date;
        }
        var K = function () {
            var a = navigator.userAgent;
            return {
                ie: a.match(/MSIE\s([^;]*)/)
            }
        }();
    });
</script>

任何帮助都会很棒

Answer 1

获取属性的值并将其存储在变量中：

var timeThing = $("div").attr('data-utc');

然后调用该函数并传递arg：

parseTwitterDate(timeThing);

我会猜测，仅选择所有div并不会为您提供所需的结果，因此您可以考虑将id或类附加到div上，以确保您选择了正确的div：

HTML：

<div class="twitterDates" data-utc="@Model.FullTweetData.CreatedAt"></div>

然后，您可以选择该类的所有div，依次遍历每个div，然后为每个div调用解析日期函数。

js：

$('div.twitterDates').each(function(){
  var timeThing = $(this).attr('data-utc);

  parseTwitterDate(timeThing);  
});

另外，由于您可能希望将函数的返回值放在某个位置，因此您可以考虑以下内容：

$('div.twitterDates').each(function(){
  var timeThing = $(this).attr('data-utc);

  $(this).text(parseTwitterDate(timeThing));
});