javascript - 用 jquery 做一个实时时间戳，不想使用 ids

Question

我正在通过以下方式进行实时时间戳更新:

 var refreshtimest;

function refreshtimes() {

    var allt = '';

    $("abbr[class=livetimestamp]").each(function () {
        var did = $(this).attr("id");
        did = did.replace("dtime", "");
        var tit = $(this).data("utime");

        allt += ':{}' + did + ',/:{}' + tit;
    });

    $.ajax({
        async: "false",
        type: "POST",
        url: "refreshtimes.php",
        data: {
            alltimes: allt
        },
        success: function (response) {
            if (response.length > 0) {

                var res = response.split("<>");
                var rres = res.length - 1;
                var x = 0;
                var id;

                while (x <= rres) {
                    if (strpos(res[x], ',/') !== false) {
                        id = parseInt(res[x]);
                    } else if (id != "undefined") {

                        document.getElementById("dtime" + id).innerHTML = res[x];
                    }
                    x++;
                }

            }
        }
    });

    refreshtimest = setTimeout("refreshtimes()", 60000);
}

refreshtimest = setTimeout("refreshtimes()", 2000);

好的，那是javascript，现在检索到的字符串的解析发送:

5,/<>36 minutes ago<>2,/<>September 5 at 11:52am<>3,/<>September 5 at   11:48am<>72,/<>September 4 at 4:43pm<>73,/<>September 4 at 3:29pm<>33,/<>September 4 at 3:08pm<>16,/<>September 4 at 2:19pm<>70,/<>September 4 at 2:46pm<>0,/<>September 4 at 3:20pm<>4,/<>September 4 at 3:22pm<>71,/<>September 3 at 1:04pm<>6,/<>September 3 at 3:20pm<>7,/<>September 3 at 3:18pm<>8,/<>September 3 at 3:17pm<>9,/<>September 3 at 3:14pm

我的问题是我需要设置 id，响应给出 5，/<>时间的可读格式

而 5 是更新 html 的 id

我想在不知道 id 的情况下更新 html，但只向服务器保留一个帖子，

例子

选择所有带有 livetimestamp 类的缩写并为每个发送一个 ajax 调用是没有效率的，使单个字符串听起来更好，在这个字符串中，正如您从上面的 js 代码中看到的那样，它像 var 一样发送 id 以及数据，数据(“utime”)。

我想开始只发送来自每个带有类 livetimestamp 的缩写的数据，但能够以某种方式在没有 id 的情况下识别这些数据。

类似于每个 class=livetimestamp 的另一个循环，但从检索到的响应中执行更新 - 或者应用到从第一个中选择的每个每个都假设它们没有设置 id。

原因是我想拥有

<abbr class="livetimestamp" data-utime"xxxx">html</abbr>

没有

<abbr class="livetimestamp" data-utime"xxxx" id="words_numbers">html</abbr>

在服务器上保持设置 id 是没有效率的，无论它们是否必须是唯一的，或者因为必须设置一个计数器，并且这些计数器不应该与也需要 livetimestamp 类的不同部分混合在一起。所以让它只与类(class)一起工作会很棒。

Answer 1

基本上我不认为你首先需要使用 id..

当您使用此选择器 $("abbr[class=livetimestamp]") 时，它会按自上而下的顺序解析 DOM，并按顺序选择所有元素。

因此，除了发送元素的 ID 之外，您还可以将时间本身作为逗号分隔的 sting 发送，它们是按顺序排列的。然后刷新服务器上的时间并以相同的格式返回。