几个月前转行前端,最近一直想写一些前端方面的文章,不求多深入,只希望能帮到和我一样初入前端,努力的小白们,我会慢慢的把自己遇到并解决的问题整理出来,希望能帮到需要的人。上个星期,拿到一个需求,但是我在网上一直找不到相似的代码,后来花了一天的时间解决了,就想着把这个问题的解决方法整理发布出来,希望对大家有帮助,后续还会更新遇到的新问题。我在学习前端的过程中,得到过很多人的帮助,有的只是网络上认识的陌生人,所以很感激他们,也想传承这种善意。同时也想和大家一起努力,互相学习。
情景:已知一条表格数据,点击新增按钮,创建第一条新数据,点击新建出来的新增按钮,继续创建第二条新数据,以此类推,并且需要改变序号,同时每个新增按钮只能点击一次。
如图,红色框内的是原来就有的一条数据,当点击新增,创建出第二条数据,依次创建。
下面列出代码
注:103行和82行是一样的代码,由于屏幕宽度有限,只能一段段的截图了。
为了方便大家理解,我还录制了一个gif动图,如果还有不明白的,欢迎留言。同时也欢迎大神批评指正。