Javascript 使用jQuery获取范围之间的同级

对于每个新页面，jquery是否可以使用

id=“page-0”

在div中插入具有

class=“sortable”

的所有元素、具有

class=“header”

的元素和具有

class=“page break”

的元素，依此类推

我试过：

$(".page").each(function(index) {
   $(this).prepend($(this).nextAll('.page'));
});

问题是

nextAll（）

使用

id=“page-1”

检索元素，但我无法获取

page-0

和

page-1

之间的所有上述项目

功能

$（this）.sippines（“.sortable”）

。。。。不适用于我，因为这将获取

class=“sortable”

位于

page-2

和

page-3

之间的所有元素，等等

这是目标：

<div id="page-0" class="page">
    <div class="header herader-small-pdf"></div>
    <div class="sortable-0"></div>
    <div class="sortable-1"></div>
    <div class="sortable-2"></div>
    .....
    <div class="page-break"></div>
<div id="page-1" class="page">
    <div class="header herader-small-pdf"></div>
    <div class="sortable-x"></div>
    .....
    <div class="page-break"></div>
</div>

.....
.....

---

这是可能的吗？

试试这个：迭代所有

page

元素和

append（）

没有

page

类的下一个元素

$(function(){
  $(".page").each(function() {
   var exitLoop = false;
   var nextElement = $(this).next();
   while(!exitLoop)
   {
      $(this).append(nextElement);
      nextElement = $(this).next();
      //check if next element has page class, then exit the loop
       if($(nextElement).length > 0 )
         exitLoop =  $(nextElement).hasClass('page');
       else
         exitLoop = true;
   }
  });
});

$('.page').each(function(index) {
   $(this).prepend($(this).nextUntil('.page'));
});