Андрей Малиновский

Если правильно вас понял, вот так примерно:

var resultReturned = true;
$("#button").click(function(){
   if(resultReturned===false){
     return;
   }
   $.ajax({
     url: "test.html",
     beforeSend: function() {
        resultReturned = false;
     }
    }).always(function() {
        resultReturned = true;
        //обрабатываем результат
    });
});

Реализовать можно, но это комплексная задача и включает в себя не только JavaScript.
Обратитесь на биржи фриланса.

Можно почитать тут

document.getElementById("el").childNodes

Вам может помочь рекурсия
Пример

Как вариант, еще можно установить для ajax параметр async в false. Тогда ваши запросы будут выполняться синхронно и к if уже будут приходить валидные данные.

$.ajax({
    //other parameters
     async:false
});

Вам поможет функция arrayObj.pop()
Описание функции
Пример решения вашей проблемы

Если я правильно вас понял вот пример jsfiddle.net/mz6hybg5/1

Вот работающий пример копирования src в новую картинку
jsfiddle.net/61xda7Ly

Код картинки взят отсюда https://blueimp.github.io/JavaScript-Load-Image/