如何在javascript中将最新的firebase内容放在div的顶部并将旧的firebase内容放在div的底部

Question

这里是我的表结构

firebase database

表questionPosts有两个帖子，第一个帖子的日期为

  

2018年11月20日星期二

第二个帖子的日期为

  

2018年11月24日星期六

最新的帖子显然是第二篇，但是显示来自questionPosts的帖子时，这里是输出

此处是输出

date output

我该如何将最新日期张贴在顶部，将旧日期张贴在底部

这是我的代码

    <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js">
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
</script>
    <script>
      // Initialize Firebase
      var config = {
        apiKey: %API_KEY%,
        authDomain: %authDomain%,
        databaseURL: %databaseURL%,
        projectId: %ProjectId%,
        storageBucket: %StorageBucket%,
        messagingSenderId: %messagingSenderId%
      };
      firebase.initializeApp(config);
    </script>
    <div class="posts">

    </div>

and heres the javascript

    $(document).ready(function() {
      firebase.database().ref().child("questionPosts").orderByChild("sem").equalTo("hi").on("child_added", function(snapshot) {
        $(".posts").append(snapshot.child("date").val()+ "<br>")
      })
    })

谢谢

阿纳夫