Вот какое решение я нашел:
Создаем фейковый блок
var fake_element = $('<div class="fake_element"></div>')
после этого все новые созданные элементы добавляем 
в этот элемент 
for (var i = 0; i < generate_random_number; i++) {
                pizda.append($(document.createElement('div')).addClass('avatar')
                        .css({
                            'width':avatar_style_container.random_width[i],
                            'opacity':avatar_style_container.random_opacity[i],
                            'height':avatar_style_container.random_height[i],
                            'top': avatar_style_container.random_top[i]                            
                        })
                        .attr({
                            'data-coordinate-end-animation':avatar_style_container.random_left[i],
                            'data-coordinate-start-animation':300
                        }))
                console.log(pizda)
            }
DOM не задет, так как
 fake_element не в DOM
после того как вышли из цыкла можна наш элемент вставить в любой узел
$('.user-avatar-icon-container').append(fake_element)