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

的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/

关于javascript - 如何使用jQuery一次填充一个无序列表元素?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24101868/

10-11 23:30
查看更多