Как добавить паузу между каждой итерацией jQuery.each?

Question

[Demigodd]

Допустим есть некий обьекты на сайте с классом obj.

с помощью each я получаю некое значение с этого обьекта и выполняю функцию.
Как в этот момент поставить паузу в each, и пока выполнение функций не закончиться, следующий элемент не выбрать. Следующую итерацию не сделать и тем самым снова функцию не вызвать.

$("#site").find(".obj").each(function() {
  myVar = $(this).text();
  foo(myVar);
});

Answer 1

[Alexander Pushkarev]

Может поможет

$('#site').find('.obj').each(async function() {
        let myVar = $(this).text();

        await foo(myVar);
    });

Answer 2

[Илья Герасимов]

У bluebird есть Promise.each и Promise.mapSeries
или например так:

(async () => {
  let elements = Array.from($("#site").find(".obj"));
  for (let element of elements) {
    const $item = $(element);
    await foo(myVar);
  }
})();

foo должна возвращать обещание