Jquery .remove() не обновляет DOM

Question

Я пытаюсь удалить элемент формирования DOM с использованием метода .remove() JQuery

В основном я разборе список и удаления некоторых элементов. Затем сразу после этого я пересматриваю список для некоторого лечения остальных элементов.

Но простая распечатка размера списка дает мне впечатление, что элементы должны быть отфильтрованы не были удалены

$list = $(".elements_list"); 
alert($list.size()); 
$list.each(function(){ 
    if ($(this).data("quantity") == 0) 
    { 
    $(this).slideUp(1000,function(){ 
     $(this).remove(); 
    }); 
    } 
}); 
change_background_colors(); 

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

function change_background_colors() {  
    $list = $(".elements_list"); 
    alert($list.size()); 
    ... 
} 

я получаю один и тот же размер списка до и после удаления элементов ...

есть ли что-то не так в моем провере oach?

Спасибо!

Answer 1

Элемент не удаляется до тех пор, пока не пройдет 1000 миллисекунд и завершение анимации. Подождите, пока вы не посчитаете элементы.

редактировать: вот более сложный способ отложить, пока все одушевляет полная:

$list = $(".elements_list"); 
var n = 0; 
$list.each(function(){ 
    if ($(this).data("quantity") == 0) { 
    n = n + 1; // one more callback to wait for 
    $(this).slideUp(1000,function(){ 
     $(this).remove(); 
     n = n-1; 
     checkIfAllDone(); 
    }); 
    } 
}); 
function checkIfAllDone(){ 
    if(n===0){ // be sure that n was declared in the same scope as this function 
    change_background_colors(); 
    } 
} 

Answer 2

если вы звоните предупреждение размера в функции SetTimeout вы увидите

$list = $(".elements_list"); 
alert($list.size()); 
$list.each(function() { 
    if ($(this).data("quantity") == 0) { 
     $(this).slideUp(1000, function() { 
      $(this).remove(); 

     }); 
    } 
}); 

setTimeout(function() { 
    $list = $(".elements_list"); 
    alert($list.size()); 
}, 2000); 

JSFiddle:

https://jsfiddle.net/upkkLq2m/2/