JQuery中$.each的用法

最新推荐文章于 2022-09-14 14:37:04 发布

原创最新推荐文章于 2022-09-14 14:37:04 发布 · 740 阅读

CC 4.0 BY-SA版权

本文详细介绍了JQuery中$.each的用法。包括对数组数据、json数据、数组对象等不同数据类型的处理，给出了具体代码示例及输出结果。还介绍了对DOM的处理，可使用$(selector).each或$.each函数，并给出了相应的代码示例。

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

JQuery中$.each的用法

1 $.each()对数据的处理：

语法：$.each(data,function(index,value))

1.1eg:对数组数据的处理:

<body>

<p></p>

var arr1=new Array("a","b","c","de");
var tmps="";
fun1();
function fun1(){
$.each(arr1, function(i,val) {
tmps+=i+"----"+val+"<br/>";
});
$("p").html(tmps);
};
</script>

</body>

输出结果：

0----a
1----b
2----c
3----de

1.2eg:对json数据处理

var json1={key1:"a","9527":"b","key3":"c"};
var tmps="";var hang1="------";var hang2="<br/>";

$.each(json1, function(key,value) {
tmps+=key+hang1+value+hang2;
});

$("p").html(tmps);

输出：

var json2={key1:"a","9527":"b","key3":"c"};
var tmps="";var hang1="------";var hang2="<br/>";

$.each(json2, function(key,value) {
tmps+=key+hang1+value+hang2;
});

$("p").html(tmps);

1.3eg: 对数组对象的处理

var json4=[{name:"n1",age:"18"},{name:"jim",age:"20"},{name:'amy',"age":16}];

var tmps="";var hang1="------";var hang2="<br/>";

$.each(json4, function(key,vale) {
tmps+=key+hang1+vale.name+hang2;
});
$("p").html(tmps);

2 对DOM的处理：

在遍历DOM时，通常用$(selector).each(function(index,element))函数；

也可以用$.each(each(function(index,element))函数；

eg:

也可以这样写：

posted on 2019-05-28 17:29 zoood 阅读(...) 评论(...) 编辑收藏