在.each()中等待追加数据完成

function processData(data, callback) {
  // 模拟异步请求数据
  setTimeout(function() {
    // 追加数据到元素中
    $('.element').append(data);
    // 调用回调函数，表示数据追加完成
    callback();
  }, 1000);
}

function handleData() {
  $('.element').each(function() {
    var element = $(this);
    // 异步请求数据并追加到元素中
    processData('新的数据', function() {
      // 数据追加完成后的操作
      // ...
    });
  });
}

handleData();

function processData(data) {
  // 模拟异步请求数据
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      // 追加数据到元素中
      $('.element').append(data);
      // 数据追加完成后，将Promise状态设置为已解决
      resolve();
    }, 1000);
  });
}

function handleData() {
  var promises = [];
  $('.element').each(function() {
    var element = $(this);
    // 异步请求数据并追加到元素中，并将Promise对象添加到数组中
    promises.push(processData('新的数据'));
  });
  // 等待所有Promise对象都被解决后执行后续操作
  Promise.all(promises).then(function() {
    // 数据追加完成后的操作
    // ...
  });
}

handleData();