добавить список в обратном порядке согласно комментарию jquery

Question

Я создаю систему комментариев, в которой каждый раз, когда я создаю новый комментарий, он размещается прямо над формой комментария ... таким образом:

$('button').on("click", function(){

var text = "text";
$(".commentbox").prepend("<li>comment n</li>");


})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>

<ul>
<li>this is a comment</li>
<li>this is a comment</li>
<li>this is a comment</li>
<li class="commentbox">
<button>create comment</button>
</li>


</ul>

Таким образом, порядок будет ..... 1,2,3,4,5 по убыванию .... (5 - последний опубликованный комментарий)

Как это может заставить работать?

Answer 1

Если вы хотите, чтобы новые комментарии при нажатии на кнопку должны отображаться сверху, я надеюсь, что приведенное ниже исправление решит вашу проблему.

$('button').on("click", function(){

var text = "text";
$(".commentbox").prepend("<li>comment n</li>");


})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>

<ul class="commentbox">
<li>this is a comment</li>
<li>this is a comment</li>
<li>this is a comment</li>
<li>
<button>create comment</button>
</li>
</ul>