html页面开发,嘀芟苒疾有时是需要通过js来为页面动态生成内容的,下面我们来看一下如何利用jquery来动态生成一个有序列表。
方法/步骤
1、在html里有一个空的div,还有一个按钮,按钮有一个点击事件。
2、在按钮的点击事件函数里,我们定义一个数组,是有序列表的内容。
3、定义一个html的变量数组,先放上ol的开始和结束标签。中间有一个for语句,用来生成li列表的。
4、for循环里是溏胃釜阼对上方的数组进行循环,把里面的内容生成li列表数据,先放在html数组里。最后通过jquery的html方法,把内容生成到空的div里。
5、运行页面,上方的div还是空的,我们点击下方生成列表的按钮。
6、成功把数组内容生成了一个有序列表。