jquery中$each()

$.each()：可用于遍历任何的集合(无论是数组或对象)

$(selector).each()：专用于jquery对象的遍历,

如果是数组,回调函数每次传入数组的索引和对应的值(值亦可以通过this 关键字获取,但javascript总会包装this 值作为一个对象—尽管是一个字符串或是一个数字),方法会返回被遍历对象的第一参数.

each的几种常用的用法

①一维数组：var arr1 = [ "aaa", "bbb", "ccc" ];

$.each(arr1, function(i,val){ alert(i); alert(val);
});alert(i)将输出0，1，2alert(val)将输出aaa，bbb，ccc

②一维数组：var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]

$.each(arr2, function(i, item){ alert(i); alert(item);
});
//arr2为一个二维数组，item相当于取这二维数组中的每一个数组。
//item[0]相对于取每一个一维数组里的第一个值
alert(i)将输出为0，1，2，因为这二维数组含有3个数组元素
alert(item)将输出为 ['a', 'aa', 'aaa']，['b', 'bb', 'bbb']，['c', 'cc', 'ccc']

$.each(arr, function(i, item){ $.each(item,function(j,val){alert(j);alert(val);});
});
alert(j)将输出为0，1，2，0，1，2，0，1，2
//将会输出每个数组的每个值
alert(val)将输出为a，aa，aaa，b，bb，bbb，c，cc，ccc

实例：动态生成树

后台返回的是一个二维数组

<div class="wrapper wrapper-content animated fadeInRight"><div class="row"><div class="col-lg-12"><div class="ibox float-e-margins"><div class="ibox-content"><ul class="nav" id="menus"></ul><span id="liMsg"></span></div></div></div></div>
</div>

<script type="text/javascript">$(document).ready(function () {jQuery.ajax({type:'POST',url: '/ZAdmin/MenuHandler.ashx',data: {action:'rootMenu'},dataType:'json',success: function (data) {if (data.Status == 200) {var htmlLi = "";$.each(data.Data, function (i, item) {htmlLi +='<li>';$.each(item, function (j, val) {if (j == 'menu_name') {htmlLi+='<a>' + val + '</a>';}});htmlLi+='</li>';$('#menus').html(htmlLi);});} else {$('#liMsg').text('异常');}},error: function (errorThrown) {jQuery('#liMessage').val('网络通讯异常');return false;}})});
</script>

这块遇到一个问题，由于我是动态拼数据，当我用append()时，不能追加到临时变量上，试了很多方法，转成jquery对象也不行

后来只能把动态生成的数据写在临时变量中然后用html()往里插入

转载于:https://www.cnblogs.com/cuijl/p/6669081.html

jquery中$each()相关推荐

jQuery基础之（二）jQuery中的$
在jQuery中,最常用的莫过于使用美元符号$,它提供了各种各样的丰富功能.包括选择页面中一个或者一类元素.作为功能函数的前缀.windows.onload的完善,创建DOM节点等.本文介绍jQuer ...
jQuery中的 ||
jQuery1.2.6 clean方法中有这么一段第一眼看去会让人晕掉的方法.完全不知其所言. "||, && 可以这样用?","这段东西最终返回的是个 ...
jQuery中的end()
要说end(),我们就不得不说prevObject. 在jQuery中,每个jQuery对象都有一个prevObject属性 var $p = $('p'); 这个属性是做什么的呢? jQuery内部 ...
jquery中的$()是什么
jquery中的$()是:1.[$()]可以是[$(expresion)]:2.[$()]可以是[$(element)],即一个特定的DOM元素:3.[$()]可以是[$(funcTIon)],即一个 ...
json数据解析与JAVA对象转换以及在JQUERY中的使用
JSON基础了解 JSON:JavaScript 对象表示法(JavaScript Object Notation). JSON 是存储和交换文本信息的语法.类似 XML. JSON 比 XML 更小 ...
jQuery中的each()
jQuery中的each() 就和原生js中的forEach() 很像 each()相当于jQuery中的循环遍历用法 $.each(array,callback); 有两个参数第一个是数组或者 ...
jQuery中$是什么意思
像我这种没有经过系统学习的人总是有这样的问题:( $就是jQuery的别称而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数, 因为还有 $.ajax(options) 这样的使 ...
ajax是什么，作用，优点以及在JQuery中的使用
1.ajax是什么,有什么用? ajax是一种用于创建快速动态网页的技术. AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新.这意味着可以在不重载整个页面的情况下,对网页的某些部分进行 ...
jQuery中的$是什么意思
jquery是由javascript开发的一个框架,并不是一种独立的语言* 这种框架其实就是javascript的一个函数,函数名就为jquery,由于在框架中把jquery简写成了一个简单的$符号所 ...

jquery中$each()

jquery中$each()相关推荐

最新文章

热门文章