Вот какое решение я нашел:
Создаем фейковый блок
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)