1、功能需求
点击 tab栏,可以切换效果.
点击 + 号, 可以添加 tab 项和内容项.
点击 x 号, 可以删除当前的tab项和内容项....x号
新建js文件,定义类,添加需要的属性方法(切换,删除,增加,修改)
时刻注意this的指向问题
3、切换
为获取到的标题绑定点击事件,展示对应的内容区域,存储对应的索引
this.lis...:创建新的选项卡li和新的内容section
第二步:把创建的两个元素追加到对应的父元素中....选项卡和当前的section
x是没有索引号的,但是它的父亲li有索引号,这个索引号正是我们想要的索引号
所以核心思路是:点击x号可以删除这个索引号对应的Ii和section
为元素的删除按钮...('.liactive')) return; // 当我们删除了选中状态的这个li 的时候, 让它的前一个li 处于选定状态 index--; // 手动调用我们的点击事件