Asp.Net MVC 5让我成为第一个在ul

Question

我在聊天系统中使用signaIR。我还将消息保存到数据库。所以我想要做的是如果用户想要继续之前的对话并添加新消息，那么消息会出现在页面的下方，但是当我收到以前的消息时，我按照日期降序并且最新的消息到达顶部页面。

此消息来自数据库。

<ul id="discussion">
           @foreach (var item in Model){
            <li>@Html.DisplayFor(modelItem => item.Message)</li>
           }
</ul>

当我通过signaIR添加消息时，我使用此代码。我希望此<li>位于<ul>

的第一位

 $('#discussion').append('<li>' + message' + </li>');

Answer 1

您可以使用prepend()代替append()：

 $('#discussion').prepend('<li>' + message' + </li>');

来自Jquery DOCS：

  

    

.prepend（）方法将指定的内容作为jQuery集合中每个元素的第一个子元素插入（要将其作为最后一个子元素插入，请使用.append（））。