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

 时间:2024-10-14 22:30:15

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

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

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

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

3、定义一个html的变量数组,先放上ol的开始和结束标签。中间有一个for语句,用来生成li列表的。

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

4、for循环里是对上方的数组进行循环,把里面的内容生成li列表数据,先放在html数组里。最后通过jquery的html方法,把内容生成到空的div里。

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

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

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

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

用jquery,怎么动态创建一个有序列表
  • axure怎么获取文本框焦点?
  • 如何用CSS修改不同input标签的样式
  • 手工折纸——旺旺
  • 怎么合并图片
  • php怎么遍历数组元素
  • 热门搜索
    哪里旅游好玩 旅游发朋友圈的精美句子 无线网信号差怎么办 云南丽江旅游多少钱 崂山旅游攻略 晋城旅游景点 豆浆和鸡蛋可以一起吃吗 京润珍珠粉怎么样 剖腹产多久可以生二胎 旅游管理毕业论文