Javascript 如何删除除一对一之外的所有列表项（jQuery）

因此，我正在寻找一种方法，只需单击一下就可以删除所有列表项，虽然不是很难，但为了给它一些好的效果，我想让第一个幻灯片弹出并删除它，一旦第一个幻灯片被删除，就对第二个列表项执行相同的操作，依此类推，直到每个列表项都被删除。

将所有列表项赋予相同的类，然后调用$（“.yourclass”），它将返回一个数组。然后用setInterval之类的方法遍历该数组(http://www.w3schools.com/js/js_timing.asp)

---

它可以有你的slideup功能和你的计时。也许是你想要的(http://api.jquery.com/animate/)或者其他插件。

递归地

淡出列表中的每个元素。这可以不用jQuery，但您需要滚动自己的动画（或使用CSS动画）

功能fadeList（列表、索引）{
如果（索引<列表长度）{
列表[索引]。淡出（800，函数（）{
fadeList（列表，i+1）；
});
}
}
$（“#删除btn”）。在（'click'，函数（e）上{
时尚主义者（$（'mylist li'），0）；
});
以下内容一次按顺序删除列表中的所有项目：

$('button').click(function() {
    var $first = $('#list li:first')
    removeItem($first);
})


function removeItem($el) {
    $el.slideUp(function() {

        var $next = $el.next()
        if ($next.length) {
            removeItem($next)
        }
        $(this).remove()
    })
}

演示：

要单独删除，可以使用
nice，但我必须反复单击每个按钮。这也可以用$（'li'）.eq（0）.slideUp（）来完成。remove（）oops我删除元素太快了，在我将行添加到
remove
时没有对其进行测试。尝试更新提琴：如果您想让列表中的第一项保留，请从
$（'#list li'）开始。eq（1）
而不是
first（）
$('button').click(function() {
    var $first = $('#list li:first')
    removeItem($first);
})


function removeItem($el) {
    $el.slideUp(function() {

        var $next = $el.next()
        if ($next.length) {
            removeItem($next)
        }
        $(this).remove()
    })
}