$().each和$.each的区别
2024-04-18 22:04:40
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))函数。
最新文章
- mysql超长sql查询_超长SQL怎么查询?MySQL列长度限制有哪些 | 学步园
- mybatis源码深度解析_30天消化MyBatis源码解析笔记,吊打面试官,offer接到手软
- linux启动tongweb命令,linux7开机自启动东方通tongweb
- 不起眼的小动作可能葬送安全措施
- python-循环-通过while循环完成一个电子钟的模拟
- web前端小项目个人实例_Web前端:小程序界面与逻辑项目实训
- Linux 实用命令
- Metasploit工具的使用
- 如何在Linux系统列出systemd下所有正在运行的服务
- hdu3394--Railway(点的双连通分量)
- 如何用纯 CSS 创作一个 3D 文字跑马灯特效
- java递归算法的实例最细讲解
- Telink RDS IDE编译问题
- 中龙电力什么理财产品预期收益高又安全?介绍四类理财产品
- 手机里tencent文件夹能删吗_手机上的文件夹能不能删?看完之后秒懂
- 用canvas画了个多啦A梦
- 《哲学史讲演录》——思辨节选---智者派
- google dapper论文
- 手机使用计算机网络打印机,手机也可连接打印机 NETGEAR WNDR4700 无线打印
- 致远项目管理SPM系统进度控制之进度对比分析
热门文章
- Golang 031. 《孙子算经》之鸡兔同笼
- 【15分】C. 最胖的加菲(类与对象+数组)
- Word插入图示(转)
- 如何限制指定电话的外呼权限(电话只能使用指定外线)
- 洛谷 P3797 妖梦斩木棒 解题报告
- iOS-BlurEffect模糊效果总结
- 视频素材免费下载网站
- npm run serve命令出错:semi错误: 6:35 error Extra semicolon semi 7:46 error Extra semicolon semi
- 快递实名制,个人信息安全怎么办
- MSP430F5438学习笔记 UART ACLK 9600-8-N-1