jquery - 使每个函数按照从第一个元素到最后一个元素的顺序执行

Question

我需要使用 jQuery every 函数，但也需要它从第一个元素到最后一个元素工作。目前它似乎只是选择符合条件的随机元素。

这是我所拥有的:

$(".ago-time").each(function(index) {
    var old_ts = $(this).data("ts2");
    $.get("phpscripts/get_new_time.php", {
        old_ts: old_ts,
        index: index
    }, function(result) {});
    alert(result);
});

index和old_ts被发送到一个 php 文件，其中输出将类似于 0: 1 minute ago .

我在警报中收到的内容不按顺序排列(从 0 到最高)。它会是这样的；

第一次提醒:9: 10 分钟前

第二次提醒: 2: 4 分钟前

第三次警报 5: 8 分钟前

正如您所看到的，警报不按索引顺序排列，因此每个功能必须选择 ago-time是随机的。

Answer 1

each确实按顺序迭代 jQuery 对象上的匹配元素，但这里的误解是另一个。

$.get是简写$.ajax函数，这是一个异步 HTTP 请求。回调函数，在本例中:

function(result) {
  alert(result);
}

当您从服务器获取响应时异步调用。

但是，就您的情况而言，这是无关紧要的，并且是您在尝试调试服务器响应时的误解。

例如，在代码中，您可以简单地将从服务器接收到的响应设置为各自的 DOM 元素。

$(".ago-time").each(function(idx) {
  var $self = $(this);
  $.get("phpscripts/get_new_time.php", {
    old_ts: $self.data("ts2"),
    index: idx
  }, function(result) {
    $self.html(result);
  });
});