javascript - 将元素附加到 div，但位于 div 内的另一个元素之前

Question

我正在将 ajax 调用的内容附加到一个元素中，但该元素中有一个按钮，我希望该按钮始终位于所有附加元素下方的底部。但现在附加的元素位于按钮之后。

HTML

 <div id="pagecontent" class="wrapper">
  <!-- WANT APPENDED ELEMENTS TO APPEND HERE -->
     <div class="btnholder">
      <a id="continue" class="continue" href="javascript:;">get more</a>
     </div><!-- WANT TO KEEP AT BOTTOM HERE-->
 </div>

JQUERY

success: function(data){
    $("#pagecontent").append(data);
 },

传入的(数据)基本上是一个简单的 div，它不断附加新的 div。

 <div class="floatleft"></div>

重要的是要注意，我认为 prepend() 无法正常工作，因为我有一个按钮可以从数据库中获取记录，并且应该将每条记录附加到另一条记录下。通过前置，我认为它会将记录放在另一个记录之上，而不是放在下面。

Answer 1

使用before()

var  i = 1
function prependData(){
     
    $( ".btnholder" ).before("<div class='floatleft'>someText"+i+"</div>");
  i++;
 };

<script   src="https://code.jquery.com/jquery-2.1.4.min.js"   integrity="sha256-8WqyJLuWKRBVhxXIL1jBDD7SDxU936oZkCnxQbWwJVw="   crossorigin="anonymous"></script>
<div id="pagecontent" class="wrapper">
  <!-- WANT APPENDED ELEMENTS TO APPEND HERE -->
     <div class="btnholder">
      <a id="continue" class="continue" href="javascript:;">get more</a>
     </div><!-- WANT TO KEEP AT BOTTOM HERE-->
 </div>
<button onClick="prependData()">Click Me</button>