Как за синхронить вывод при обходе елементов Jquery Опции

[RipperR]

Как засинхронить вывод при обходе елементов

есть код

function ticket_counter()
{
$("ul.sidebar-menu").find("span#tickets_count").each(function() {
    var type=$(this).attr('name');
    var element = $(this);
        $.get('menu_count_return.php?type=tickets&sub='+type+'').done(function( data ) {
            var item=data;
            $(element).html(''+data+'');
        });
    });
return true;
};    

Оно находит 10 элементов меню и меняет значение количество на возвращаемого из url
Но так как ответ происходит не моментально а элементов 10 то значения заполняются поэтапно что не есть красиво ... как сделать так чтобы пока все 10 элементов не получать ответ не рисовать результат ...

Возможно как-то можно распараллелить эту функцию для ускорения работы.

Сообщение отредактировал RipperR - Sep 1 2017, 21:15

[miniden]

function ticket_counter()
{
var collection=[];
$("ul.sidebar-menu").find("span#tickets_count").each(function() {
    var type=$(this).attr('name');
    var element = $(this);
        $.get('menu_count_return.php?type=tickets&sub='+type+'').done(function( data ) {
//перед этим можно проверять есть ли на такой тип - дата, и не делать повторно запрос.
                        collection.push({type:data});
        });
    });
return true;
};    

Я вижу 2 решения:
вначале пособирать данные, потом рисовать.
Переделать menu_count_return.php что бы он принимал массив типов, и возвращал массив типов с данными, и за 1 раз рисовать.
А еще в эту функцию можно попробовать async (default: true)