jQuery的each循环用法简单示例


Posted in Javascript onJune 12, 2016

本文实例讲述了jQuery的each循环用法。分享给大家供大家参考,具体如下:

<script type="text/javascript">
 $(document).ready(function(){
  $("#testbutton").click(
   function(){
    //each:遍历数组操作
    $.each($("p"), function(i, val){
     $("<div>第" + i + "个<p>元素的内容为:<span>" + val.innerHTML + "</span>")
      .appendTo("#div3");
     }
    );
   }
  );
 });
</script>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
js option删除代码集合
Nov 12 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
May 27 Javascript
jQuery遍历节点树方法分析
Sep 08 Javascript
vue制作加载更多功能的正确打开方式
Oct 12 Javascript
Bootstrap Multiselect 常用组件实现代码
Jul 09 Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 Javascript
JS中数据结构之栈
Jan 01 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
VUE渲染后端返回含有script标签的html字符串示例
Oct 28 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
js实现省级联动(数据结构优化)
Jul 17 Javascript
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
基于jquery插件编写countdown计时器
Jun 12 #Javascript
跨域请求的完美解决方法(JSONP, CORS)
Jun 12 #Javascript
浅谈jquery的map()和each()方法
Jun 12 #Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 #Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
Jun 12 #Javascript
使用Script元素发送JSONP请求的方法
Jun 12 #Javascript
JavaScript获取IP获取的是IPV6 如何校验
Jun 12 #Javascript
You might like
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
php使用curl伪造来源ip和refer的方法示例
2018/05/08 PHP
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
javascript 年月日联动实现核心代码
2009/12/21 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
js点击选择文本的方法
2015/02/09 Javascript
jquery validate demo 基础
2015/10/29 Javascript
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
js常用的继承--组合式继承
2017/03/06 Javascript
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
过滤器vue.filters的使用方法实现
2019/09/18 Javascript
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
[01:35]2018年度CS GO最佳战队-完美盛典
2018/12/17 DOTA
[03:12]完美世界DOTA2联赛PWL DAY7集锦
2020/11/06 DOTA
详解Python当中的字符串和编码
2015/04/25 Python
python解析html提取数据,并生成word文档实例解析
2018/01/22 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
Python+Appium实现自动化清理微信僵尸好友的方法
2021/02/04 Python
目前不被任何主流浏览器支持的CSS3属性汇总
2014/07/21 HTML / CSS
Vision Directa智利眼镜网:框架眼镜、隐形眼镜和名牌太阳眼镜
2016/11/23 全球购物
家长会邀请书
2014/01/25 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
档案保密承诺书
2014/06/03 职场文书
毕业设计致谢语
2015/05/14 职场文书
婚礼父母致辞
2015/07/28 职场文书
运动会广播稿300字
2015/08/19 职场文书
深入解读Java三大集合之map list set的用法
2021/11/11 Java/Android