遍历$.each()和$().each()用法

news/2024/12/4 17:14:31/

jQuery $.each(obj,function(n,value) 遍历用法

  1. 对象的遍历

js 代码部分

<script type="text/javascript">$(function() {var $tbody = $("tbody");var html = "";//前提必须是对象,一般情况下,后台传过来json字符串,要使用相应的方法将其转化为对象(eval、str.parseJSON()、JSON.parse(str))。var obj = [{ "name": "张三", "password": "123456" },{ "name": "李四", "password": "asdfgh" }];//下面使用each进行遍历$.each(obj, function(index, item) {console.log(index,item);html += "<tr><td>" + item.name + "</td> <td>" + item.password + "</td></tr>";});$tbody.append(html);});</script>

html 代码部分

<body><table><thead><tr><th>name</th><th>password</th></tr></thead><tbody></tbody></table>
</body>
  1. 数组的遍历
<script  type="text/javascript">$(function(){var tbody = "";//------------遍历数组 .each的使用-------------var anArray = ['mma','bba','gge'];$("#result").html("------------遍历数组 .each的使用-------------");$.each(anArray,function(n,value) {alert(n+' '+value);var trs = "";trs += "<tr><td>" +value+"</td></tr>";tbody += trs;});$("#project").append(tbody);});</script>

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

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())});
}

  • 在遍历DOM时,通常用$(selector).each(function(index,element))函数.
  • 在遍历数据时,通常用$.each(dataresource,function(index,element))函数。

http://www.ppmy.cn/news/544026.html

相关文章

$.each()和$().each(),以及forEach()的用法

1.forEach是js中遍历数组的方法&#xff0c;如下 var arr[1,2,3,4]; arr.forEach(function(val,index,arr){//val为数组中当前的值&#xff0c;index为当前值的下表&#xff0c;arr为原数组arr[index]2*val; }); console.log(arr);//结果是修改了原数组&#xff0c;为每个数乘…

forEach和$.each()以及$().each()的用法

forEach&#xff1a;即Array.prototype.forEach&#xff0c;这是ES5中对数组新增的方法&#xff0c;等同于过去的for循环遍历数组。用法&#xff1a;arr.forEach(function(value,index,array){...}),其中的function中有按个参数&#xff0c;value为数组中的值&#xff0c;index…

etags 用法

(本文参考http://www.emacs.cn/Doc/Etags&#xff0c;并根据自己的使用情况做了些微修改。) 1. etags 基本用法 在emacs里可以用etags命令生成emacs专用的tags文件&#xff0c;有了此文件之后便可以使用一些emacs tags的命令&#xff0c;比如对于编辑C/C程序的人员可以方便的定…

Easter Eggs

题目链接&#xff1a;Easter Eggs 显然可以二分。 然后怎么check呢&#xff1f;显然我们把距离小于mid的点连起来&#xff0c;那么就相当于找一个最大独立集&#xff0c;然后最大独立集的个数要大于等于n。 然后因为连边的只是蓝色和红色之间&#xff0c;所以这是一个二分图&…

$.each() 和 $(data).each()的使用

$.each() 和 $(data).each()的区别 二者都是循环的一种处理 $(data).each()主要用于DOM节点的循环&#xff0c;也可用于一个数据对象的循环&#xff0c; $.each()主要用于对数据的处理 其实两者都可以处理DOM节点和数据对象&#xff0c;只是一个使用习惯问题 $(data).each() …

each的用法

1.数组中的each 复制代码var arr [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为&#xff1a;one,two,three,four var arr1 [[1, 4, 3], [4, 6, 6…

eggs和egg是什么意思_egg是什么

展开全部 egg 英 [eɡ] 美 [ɛɡ] 形容词: eggless 过去式: egged 过去分词: egged 现在分词: egging 第三32313133353236313431303231363533e58685e5aeb931333335313064人称单数: eggs n.蛋&#xff1b;卵&#xff1b;蛋形物 vt.用蛋覆盖&#xff1b;向 ... 扔蛋 vt.怂恿&…

linux下挂载移动硬盘(ntfs格式)

工作中遇到linux系统 Red Hat Enterprise5.7 挂载希捷ntfs格式移动硬盘&#xff0c;会跳出一个ERROR提示框&#xff1a;The volume ‘EAGET-NQH’user the ntfs file system which is not supported by your system. 其中‘EAGET-NQH’为我的移动硬盘名。 查找资料发现linux支…