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获得URL超链接的参数值实例代码
Jun 21 Javascript
jQuery实现多按钮单击变色
Nov 27 Javascript
js动态切换图片的方法
Jan 20 Javascript
JSONP之我见
Mar 24 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
详解react-router4 异步加载路由两种方法
Sep 12 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
Jan 21 Javascript
原生JS实现的双色球功能示例
Feb 02 Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
Aug 26 Javascript
基于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
一个很方便的 XML 类!!原创的噢
2006/10/09 PHP
用PHP实现登陆验证码(类似条行码状)
2006/10/09 PHP
PHP 模拟$_PUT实现代码
2010/03/15 PHP
深入浅析php json 格式控制
2015/12/24 PHP
php实现映射操作实例详解
2019/10/02 PHP
PHP实现二维数组(或多维数组)转换成一维数组的常见方法总结
2019/12/04 PHP
Ext.MessageBox工具类简介
2009/12/10 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
JS简单实现登陆验证附效果图
2013/11/19 Javascript
javascript实现类似超链接的效果
2014/12/26 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
vue中实现左右联动的效果
2018/06/22 Javascript
Nodejs模块的调用操作实例分析
2018/12/25 NodeJs
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
2019/09/27 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
Python的设计模式编程入门指南
2015/04/02 Python
Python序列操作之进阶篇
2016/12/08 Python
python数据封装json格式数据
2018/03/04 Python
Python使用matplotlib模块绘制图像并设置标题与坐标轴等信息示例
2018/05/04 Python
Flask框架工厂函数用法实例分析
2019/05/25 Python
python通过实例讲解反射机制
2019/10/17 Python
调用其他python脚本文件里面的类和方法过程解析
2019/11/15 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
海蓝之谜(LA MER)澳大利亚官方商城:全球高端奢华护肤品牌
2017/10/27 全球购物
捷克街头、运动和滑板一站式商店:BoardStar.cz
2019/10/06 全球购物
遗体告别仪式答谢词
2014/01/23 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
高一数学教学反思
2016/02/18 职场文书
2016年学校“3.12”植树节活动总结
2016/03/16 职场文书
mysql的数据压缩性能对比详情
2021/11/07 MySQL