当前位置: 首页 > news >正文

$().each和$.each的区别

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))函数。

相关文章:

  • masm汇编器以及汇编流程
  • 汇编语言JMP和LOOP(转移)指令
  • 汇编相关运算符和指令
  • PN结
  • 汇编语言过程
  • JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ?
  • 操作系统相关
  • 编译和链接
  • 目标文件里有什么?
  • JS setTimeout和setInterval的区别
  • JavaScript 变量提升
  • JavaScript 调试
  • JavaScript 库(框架)
  • Cefsharp js调用c#与c#调用js
  • JavaScript之Window 对象
  • 【140天】尚学堂高淇Java300集视频精华笔记(86-87)
  • bearychat的java client
  • - C#编程大幅提高OUTLOOK的邮件搜索能力!
  • C学习-枚举(九)
  • JS 面试题总结
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • laravel5.5 视图共享数据
  • mysql 数据库四种事务隔离级别
  • PHP CLI应用的调试原理
  • Spring Boot快速入门(一):Hello Spring Boot
  • SpringBoot几种定时任务的实现方式
  • 欢迎参加第二届中国游戏开发者大会
  • 基于 Babel 的 npm 包最小化设置
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 基于游标的分页接口实现
  • 力扣(LeetCode)22
  • 你真的知道 == 和 equals 的区别吗?
  • 排序算法学习笔记
  • 使用Tinker来调试Laravel应用程序的数据以及使用Tinker一些总结
  • 学习笔记DL002:AI、机器学习、表示学习、深度学习,第一次大衰退
  • 3月7日云栖精选夜读 | RSA 2019安全大会:企业资产管理成行业新风向标,云上安全占绝对优势 ...
  • ​软考-高级-信息系统项目管理师教程 第四版【第14章-项目沟通管理-思维导图】​
  • #gStore-weekly | gStore最新版本1.0之三角形计数函数的使用
  • #Linux(帮助手册)
  • (12)目标检测_SSD基于pytorch搭建代码
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (LNMP) How To Install Linux, nginx, MySQL, PHP
  • (WSI分类)WSI分类文献小综述 2024
  • (八)Spring源码解析:Spring MVC
  • (黑客游戏)HackTheGame1.21 过关攻略
  • (十三)Java springcloud B2B2C o2o多用户商城 springcloud架构 - SSO单点登录之OAuth2.0 根据token获取用户信息(4)...
  • (四)JPA - JQPL 实现增删改查
  • (算法)前K大的和
  • (原創) 系統分析和系統設計有什麼差別? (OO)
  • (转)http-server应用
  • ***检测工具之RKHunter AIDE
  • .net 打包工具_pyinstaller打包的exe太大?你需要站在巨人的肩膀上-VC++才是王道
  • .NET大文件上传知识整理
  • /usr/bin/env: node: No such file or directory
  • @ModelAttribute注解使用