如何用jQuery一次填充一个无序列表中的一个元素

How do I populate an unordered list one element at a time with jQuery?

本文关键字：一个 无序 列表 元素 一次 何用 jQuery 填充      更新时间：2023-09-26

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

<标题> 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>

你可以像这样使用jQuery的prepend方法

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

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

相关文章：