如何删除所有的列表项,但一个对一个(jQuery)
How to remove all list items but one for one (jQuery)
所以我正在寻找一种方法来删除所有的列表项与点击,不是那么难,但给它一些不错的效果,我想让第一个滑起并删除这个,一旦第一个是删除做同样的第二个列表项,依此类推,直到每个列表项被删除。
下面的语句一次依次删除列表中的所有项:
$('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()
})
}
演示:http://jsfiddle.net/UzPy5/2/
要单独删除可以使用
为所有列表项赋予相同的类,然后调用$(".yourclass"),它将返回一个数组。然后使用setInterval (http://www.w3schools.com/js/js_timing.asp)来遍历这个数组它可以有你的滑升功能和计时功能。也许滑动你想(http://api.jquery.com/animate/)或其他插件。
递归fadeOut
列表中的每个元素。这可以不使用jQuery,但您需要滚动自己的动画(或使用CSS动画)。
function fadeList(list, index) {
if (index < list.length) {
list[index].fadeOut(800, function() {
fadeList(list, i+1);
});
}
}
$('#remove-btn').on('click', function(e) {
fadeList($('#my-list li'),0);
});
相关文章:
- 我已经创建了一个jquery转盘,并使用if条件来运行和停止转盘
- 按照选项卡索引的顺序循环一个jQuery选择
- 在创建对象后附加一个jquery事件
- 我需要一个jQuery函数来只工作在700px以上的屏幕大小,无法在我的代码中发现错误
- 一个jquery验证器方法,它不接受纯数字或纯特殊字符,但接受上面是否有字母
- 我做了一个jquery幻灯片,但没有;我工作不好,我该怎么办
- 我创建了一个jQuery幻灯片,但它一直在重复相同的图像
- 是preventDefault()一个jQuery函数或javascript函数
- 使用一个 jquery 代码关闭多个模态
- 如何在 elfinder(一个 jquery 文件管理器插件)中只显示文件夹列表
- 遍历下一个和上一个 jQuery 选项卡
- module.exports一个jQuery插件
- 有没有一个jquery marquee插件/脚本可以处理不同宽度的图像
- 一个jquery初始化中有多个类
- 如何从其中的另一个jquery脚本运行.load()
- 从 javascript 数组创建一个 Jquery 数组
- 第一个jquery事件正在发生,但没有发生第二个事件
- 向一个jQuery/DOM元素添加一个函数
- 我们如何在jQuery Datatable调用结果中启动另一个jQuery插件,而不是页面就绪函数
- 我可以自动生成一个jquery块,对不同的元素做同样的事情吗