Удалить все, кроме некоторых элементов в JQuery

Рассмотрим следующий макет страницы:

<div id="page-container" class="">
<div id="scroller">
<!-- This page should be removed -->
    <div id="page_1" class="pagina"></div>
<!-- These pages should be kept -->
    <div id="page_2" class="pagina"></div>
    <div id="page_3" class="pagina"></div>
<!-- This is the current page -->
    <div id="page_4" class="pagina"></div>
<!-- These pages should be kept -->
    <div id="page_5" class="pagina"></div>
    <div id="page_6" class="pagina"></div>
<!-- These pages AND everything that follows should be removed -->
    <div id="page_7" class="pagina"></div>
    <div id="page_8" class="pagina"></div>

</div>
</div>

У меня есть функция loadPage (pageNr), которая загружает определенную страницу и просматривает ее.

У меня также есть функция, которая загружает еще две страницы сверху или ниже текущей страницы в зависимости от направления прокрутки.

То, что я хочу достичь сейчас, заключается в том, что когда вызывается моя функция loadPage(), я хочу сохранить 2 страницы ниже и до текущей страницы. Все остальные страницы должны быть удалены. Это для скорости, так как у моего приложения всего 748 страниц.

То, что я пробовал:

//Determine which pages on top of current page should be kept
var firstPageToKeep = (pageNr - 2);

//Delete every page on top that should not be kept in memory
for(x=0;x<firstPageToKeep;x++) {
console.log('x: '+x);
     $('#page_'+x).remove();
}

//=================================

//Determine which pages below current page should be kept
var lastPageToKeep = (pageNr + 2);

//Delete every page below current page that should not be kept in memory
for(y=0;y<lastPageToKeep;y++) {
     $('#page_'+y).remove();
}

Это удаляет каждую страницу, кроме текущей страницы. Я считаю, что я установил, какие листы должны быть удалены, а какие нет. Почему все удалено, кроме текущей страницы?