1.$(selector).each(function(index,element))2.$.each(dataresource,function(index,element))

接下来就对这两个函数做深入的探讨:

1.$(selector).each(function(index,element))

作用:在dom处理上面用的较多 (html 元素、节点)

示例:

遍历数组。html部分文档

<ul id="each_id">
<li>Coffee</li>
<li>Soda</li>
<li>Milk</li>
</ul>

js遍历函数:

function traversalDOM(){
$("#each_id li").each(function(){alert($(this).text())});
}

输出结果:

2.$.each(dataresource,function(index,element))

作用:在数据处理上用的比较多

示例:

遍历JSON 对象。此处没有html代码,只有js代码,如下:

function traversalData(){
var jsonResourceList = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"}]';//JSON.parse() 把json字符串转化为一个对象//遍历JSON 数据
if(jsonResourceList.length >0){$.each(JSON.parse(jsonResourceList),function(index,obj) {alert(obj.tagName);});
}

输出结果:

3.最终结论:

在遍历DOM时(如数组),通常用$(selector).each(function(index,element))函数;

在遍历数据时(如JSON 对象),通常用$.each(dataresource,function(index,element))函数。

最新文章

  1. mysql超长sql查询_超长SQL怎么查询?MySQL列长度限制有哪些 | 学步园
  2. mybatis源码深度解析_30天消化MyBatis源码解析笔记,吊打面试官,offer接到手软
  3. linux启动tongweb命令,linux7开机自启动东方通tongweb
  4. 不起眼的小动作可能葬送安全措施
  5. python-循环-通过while循环完成一个电子钟的模拟
  6. web前端小项目个人实例_Web前端:小程序界面与逻辑项目实训
  7. Linux 实用命令
  8. Metasploit工具的使用
  9. 如何在Linux系统列出systemd下所有正在运行的服务
  10. hdu3394--Railway(点的双连通分量)
  11. 如何用纯 CSS 创作一个 3D 文字跑马灯特效
  12. java递归算法的实例最细讲解
  13. Telink RDS IDE编译问题
  14. 中龙电力什么理财产品预期收益高又安全?介绍四类理财产品
  15. 手机里tencent文件夹能删吗_手机上的文件夹能不能删?看完之后秒懂
  16. 用canvas画了个多啦A梦
  17. 《哲学史讲演录》——思辨节选---智者派
  18. google dapper论文
  19. 手机使用计算机网络打印机,手机也可连接打印机 NETGEAR WNDR4700 无线打印
  20. 致远项目管理SPM系统进度控制之进度对比分析

热门文章

  1. Golang 031. 《孙子算经》之鸡兔同笼
  2. 【15分】C. 最胖的加菲(类与对象+数组)
  3. Word插入图示(转)
  4. 如何限制指定电话的外呼权限(电话只能使用指定外线)
  5. 洛谷 P3797 妖梦斩木棒 解题报告
  6. iOS-BlurEffect模糊效果总结
  7. 视频素材免费下载网站
  8. npm run serve命令出错:semi错误: 6:35 error Extra semicolon semi 7:46 error Extra semicolon semi
  9. 快递实名制,个人信息安全怎么办
  10. MSP430F5438学习笔记 UART ACLK 9600-8-N-1