在jquery中 ， 可以将不同的id值保存在数组中 ， 使用for循环遍历id ， 并向创建的div元素内添加id属性 ， 从而实现动态创建不同id值的div元素 。 下面小编举例讲解jquery动态创建div,并创建不同的id值 。
文章插图
需要这些哦
html+jquery
代码编纂器：Dreamweaver CS5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解jquery动态建立div,并建立分歧的id值 。
文章插图
2在test.html文件内 ， 利用p标签建立一个空元素 ， 并设置其id为mytest ， 本家儿要用于下面经由过程该id获得p对象 。
文章插图
3在test.html文件内 ， 利用button标签建立一个按钮 ， 按钮名称为“建立div元素” 。
文章插图
4【jquery动态创建div,并创建不同的id值】在test.html文件中 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行creatediv函数 。
文章插图
5在js标签中 ， 建立creatediv()函数 ， 在函数内 ， 建立一个数组idarr ， 里面存放要动态建立的id ， 例如 ， id为aa ， bb ， cc 。
文章插图
6在creatediv()函数内 ， 利用for轮回遍历idarr数组内的id ， 每次遍历利用app方式建立一个div元素 ， 并把idarr内的id逐个添加至div内 。
文章插图
7在浏览器打开test.html文件 ， 点击按钮 ， 查看实现的结果 。
文章插图
文章插图
总结：11、建立一个test.html文件 。
2、在文件内 ， 利用p标签建立一个空元素 ， 同时建立一个button按钮 ， 用于触发执行js函数 。
3、在js标签内 ， 建立函数 ， 在函数内 ， 建立一个数组idarr ， 里面存放要动态建立的id ， 利用for轮回遍历idarr数组内的id ， 每次遍历利用app方式建立一个div元素 ， 并把idarr内的id逐个添加至div内 。
注重事项在jquery中 ， for轮回常用于遍历数组或对象 。
以上内容就是jquery动态创建div,并创建不同的id值的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何在QQ运动中发布动态
- jquery怎么获取触发点击事件的元素
- 如何用creo创建方程曲线？
- 怎样在wps演示中创建循环关系图
- 怎样创建红色双箭头
- 怎样在Authorware中创建绿色圆角正方形
- 如何用creo创建基准平面？
- 微信朋友圈怎么设置不看对方动态及对方看我动态
- 如何用creo创建钣金筛网？
- C4D 多边形编辑之创建点的知识点