jQuery内置函数map和each的用法

本文介绍了jQuery中两种重要的遍历方法$.map与$.each的具体使用方式,并通过实例展示了如何利用这两种方法处理数组及JSON对象,包括普通数组、JSON对象以及JSON对象数组的遍历。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


$.map的运用

var arr1 = [0, 3, 5];
var arr2 = $.map(arr1, function (item) { return item * 2 });
alert(arr2);

结果:0 6 10


$.each的运用

普通数组
var arr1 = [0, 3, 5];

$.each(arr1,function (i) {

alert(arr1[i]);

});

结果:0,3,5

json对象

var jsonData = {"tom": 20, "jerry": 21 };

$.each(jsonData,function (key, value) {

alert(key + "_" + value);
});

结果:tom_20, jerry_21

$.each(jsonData,function (i) {

alert(jsonData[i]);

});

结果:20,21

json对象数组($.getJSON里面常用)

var jsonArray =[ { "tom": 20, "jerry": 21 }, { "tom": 22,"jerry": 23} ];

$.each(jsonArray,function (i) {

alert(jsonArray[i].tom);

});

结果:20,22

看$.getJSON的一处应用:

$.getJSON(
"stu/stu_toshowStu",
{classNum:classNum},
function(json,status)
{
$.each(json,function(i){
$('#stuDiv').append("<div>学生学号:"+json[i].num+"</div>");
}
);
});

jQuery对象可以直接调用each:

$("input").each(function(){

$(this).val()........

});

当然,比如$("input").css()等封装好的操作自动有一个遍历,就不需要我们自己遍历了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值