用jquery，怎么动态创建一个有序列表

来源：互联网 2023-03-16 19:16:42 版权归原作者所有，如有侵权，请联系我们

html页面开发，有时是需要通过js来为页面动态生成内容的，下面我们来看一下如何利用jquery来动态生成一个有序列表。

用jquery，怎么动态创建一个有序列表？

方法/步骤

在html里有一个空的div，还有一个按钮，按钮有一个点击事件。

用jquery，怎么动态创建一个有序列表？

在按钮的点击事件函数里，我们定义一个数组，是有序列表的内容。

用jquery，怎么动态创建一个有序列表？

定义一个html的变量数组，先放上ol的开始和结束标签。

中间有一个for语句，用来生成li列表的。

用jquery，怎么动态创建一个有序列表？

3相关内容未经许可获取自百度经验

for循环里是对上方的数组进行循环，把里面的内容生成li列表数据，先放在html数组里。

最后通过jquery的html方法，把内容生成到空的div里。

用jquery，怎么动态创建一个有序列表？

运行页面，上方的div还是空的，我们点击下方生成列表的按钮。

用jquery，怎么动态创建一个有序列表？

成功把数组内容生成了一个有序列表。

用jquery，怎么动态创建一个有序列表？

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！