Javascript:附加在列表的开头

标签 javascript jquery html

我下面的客户端代码从服务器获取一些数据,然后将数据呈现到屏幕上。

'append' 的作用是将最新数据放在列表末尾,而我希望最新数据显示在列表顶部。我正在寻找类似append before or append at the start 的东西。

如有任何帮助,我们将不胜感激。

<script>
    for(var i = 0 ; i < data.length; i++){
        $('#uls').append('<li><p>' + data[i].summary + '</p></li>');
    }
</script>

<body>
    <div id="main">
        <ul id="uls"></ul>
    </div>
</body>

最佳答案

我想你在找prepend !

您的代码将变为:

<script>
    for(var i = 0 ; i < data.length; i++){
        $('#uls').prepend('<li><p>' + data[i].summary + '</p></li>');
    }
</script>

<body>
    <div id="main">
        <ul id="uls"></ul>
    </div>
</body>

关于Javascript:附加在列表的开头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14051335/

相关文章:

javascript - 自动居中列表项/图像 100% 页面高度

javascript 修改元素的样式

javascript - 复杂的 Javascript 对象到 JSON 对象

php - 在 PHP/mySQL/JQuery 环境中填充 56 个输入字段

javascript - TweenMax GSAP 没有动画,只能在 codepen 中使用?

javascript - Web 应用程序和 native Android 应用程序之间的通信

javascript - 使用jquery从html列表中删除元素?

javascript - JQuery数据表获取列属性

jquery - 使用 jQuery 从背景图像获取尺寸

html - 如何以正确的方式设置 flexbox 元素的样式