Question

我想刷新页面上多个项目的倒数计时器。每个计时器都有“刷新项”类。它适用于一个项目，但如果我有多个项目（这也意味着不同的倒计时器），它似乎只选择最新的ID。

这是我的JQuery代码：

function timeLeft()
{   
    var data = $(".refresh-item").attr("data-content"); 
    var dataString = 'case=refresh_item&' + data;

    $.ajax({
      type: "GET",
      url: "ajax.php",
      dataType: "html",
      data: dataString,
      success: function(result) 
        {   
          $(".refresh-item").html(result);
        }
    });
}

window.setInterval(function(){
    timeLeft();
}, 1000);

每个项目还具有属性“data-content”，其中保存了项目的特定ID。如何选择特定项目的特定ID（然后显示个人倒数计时器）？

Answer 1

使用jquery的$ .each函数：

function timeLeft()
{   
    $.each($(".refresh-item"), function(){
        $this = $(this);
        var data = $this.attr("data-content"); 
        var dataString = 'case=refresh_item&' + data;
         $.ajax({
          type: "GET",
          url: "ajax.php",
          dataType: "html",
          data: dataString,
          success: function(result) 
            {   
              $this.html(result);
            },
          complete: function(){}
    });
    )

}

window.setInterval(function(){
    timeLeft();
}, 1000);

Answer 2

在jQuery中使用 each() 方法进行迭代

function timeLeft() {
  $(".refresh-item").each(function() {
    $this = $(this);
    var data = $this.attr("data-content");
    var dataString = 'case=refresh_item&' + data;
    $.ajax({
      type: "GET",
      url: "ajax.php",
      dataType: "html",
      data: dataString,
      success: function(result) {
        $this.html(result);
      }
    });
  });
}

window.setInterval(function() {
  timeLeft();
}, 1000);

Jquery Ajax：刷新具有不同id的多个div

2 个答案: