layui的时间线当点击按钮的时候自动添加一条新时间线

最新推荐文章于 2024-04-09 16:06:52 发布

转载最新推荐文章于 2024-04-09 16:06:52 发布 · 342 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yangguoe/p/9068541.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的时间线插件示例，通过点击按钮来动态添加时间线元素，并为每个元素分配相应的序号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1   $('.littleTaskBtn li').on('click',function(){
 2             var content=$('.content').html();
 3             $('.layui-timeline-item').css('display','block');
 4             $('#layui-timeline').append(content);
 5             var lists = $('.layui-timeline-item');
 6             for (var j = 0; j < lists.length; j++) {
 7                 lists.eq(j).j = j;
 8                 var list = lists.eq(j).prevAll().length;
 9                 $('.layui-timeline-item').eq(j).find('span:eq(0)').text(list + 1);
10             }
11         })