jQuery中$.each()方法的使用
web jQuery 2019-02-26 2066 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

7439690 2655 39
最新评论
https://jueru.net/
评 留言
:weixiao:
评 留言
:shuijiao: :weiqu: :zhenbang: :leng:
评 留言
:yiwen: :yiwen: :yiwen: :yiwen:
评 EasySass: could not generate CSS file. See Output panel for details.
这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多
ThinkPHP (254)
Mysql (58)
DedeCms (33)
jQuery (67)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)
$.each()是对数组,json和dom结构等的遍历,说一下他的使用方法吧。

1、遍历一维数组

 var arr1=['aa','bb','cc','dd'];
$.each(arr1,function(i,val){ //两个参数,第一个参数表示遍历的数组的下标,第二个参数表示下标对应的值
	console.log(i+'```````'+val);
})
输出的结果为:
0```````aa
1```````bb
2```````cc
3```````dd


2、遍历二维数组

var arr2=[['aaa','bbb'],['ccc','ddd'],['eee','fff']];
$.each(arr2,function(i,item){ //两个参数,第一个参数表示下标,第二个参数表示一维数组中的每一个数组
	console.log(i+'````'+item);
})

输出的结果为:
0````aaa,bbb
1````ccc,ddd
2````eee,fff
此时可以对输出的一维数组进行遍历


var arr2=[['aaa','bbb'],['ccc','ddd'],['eee','fff']];
$.each(arr2,function(i,item){ //两个参数,第一个参数表示下标,第二个参数表示一维数组中的每一个数组
	console.log(i+'````'+item);
	$.each(item,function(j,val){  //遍历二维数组
		console.log('  ' + j+'`````'+val);
	})
})
输出的结果为:
0````aaa,bbb
    0`````aaa
    1`````bbb
1````ccc,ddd
    0`````ccc
    1`````ddd
2````eee,fff
    0`````eee
    1`````fff


3、处理json

var json1={key1:'a',key2:'b',key3:'c'};
$.each(json1,function(key,value){  //遍历键值对
	console.log(key+'````'+value);
})
输出的结果为:
key1````a
key2````b
key3````c


4、当二位数组中有json对象时

var arr3=[{name:'n1',age:18},{name:'n2',age:20},{name:'n3',age:22}];
$.each(arr3,function(i,val){
	console.log(i+'`````'+val);   
  //输出
  /* 0`````[object Object] 1`````[object Object] i2`````[object Object]*/
	console.log(val.name); //获取每一个json里面的name值
	console.log(val["name"]);
	$.each(val,function(key,val2){
		console.log(key+'```'+val2);
	})
});
5、处理dom元素

$(function(){
	$.each($('input:hidden'),function(i,val){
		console.log(i+'````'+val);
		/*0````[object HTMLInputElement]
		1````[object HTMLInputElement]
		2````[object HTMLInputElement]
		3````[object HTMLInputElement]*/
		console.log(val.name+'`````'+val.value);
	   /* aaa`````111
	   bbb`````222
		ccc`````333
	   ddd`````444*/
	})
})
以上就是$.each()最基本的使用了,

jQuery中还有另外一种写法来遍历元素
$(function(){	
	$("input:hidden").each(function(i,val){  //第一个参数表示索引下标,第二个参数表示当前索引元素
		alert(i);
		alert(val.name);
		alert(val.value);       
	});
})

版权声明:本篇文章来源于网络。 来源链接

相关推荐
TypeError: e.indexOf is not a function解决方法
jQuery | 2020-06-23 6797
This error might be caused by jquery event aliases like .load, .unload or .error deprecated since jQuery 1.8. Look for these aliases in your code and replace them with .o...
jquery出现Uncaught TypeError: $(...).prop is not a function问题
jQuery | 2019-08-23 6685
做全选功能的时候用到 var xz = $(this).prop("checked"); 提示: Uncaught TypeError: $(...).prop is not a function 应该是jquery版本过低造成的,更换高版本成功解决问题, jquery下载地址 http://www...
评论:0条
评论加载中...
发表评论