如何使用jQuery一次填充无序列表一个元素？

Question

我正在尝试使用已输入文本字段的值填充无序列表。当我按下提交按钮时，我想将字段中的值推送到列表中的第一个项目。输入另一个值后，最近的条目将成为列表的第一个项目，较旧的条目将在列表中向下移动。换句话说，条目应该叠加在列表中的前一个条目之上。

HTML

<div id="previous">
    <ul id="previous-list">
        <li class="previous"></li>
        <li class="previous"></li>
        <li class="previous"></li>
        <li class="previous"></li>
        <li class="previous"></li>
    </ul>
</div>   

Answer 1

您可以像这样使用jQuery prepend方法

$('button').on('click', function() {
    $('ul').prepend('<li>new</li>');
});

演示：http://jsfiddle.net/vL6Gn/