$.each，对象显示姓名加，，，

最新推荐文章于 2020-10-15 15:59:22 发布

原创最新推荐文章于 2020-10-15 15:59:22 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

【Jquery点滴知识】专栏收录该内容

50 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何利用jQuery库来遍历JavaScript对象数组，并将数组中的数据动态地添加到HTML页面中。具体实现包括通过`.each`方法连接数组中的名字并打印，以及使用`push`方法生成HTML标签并显示在指定的div元素内。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="div1"></div>
</body>
<script type="text/javascript">
var array = [
{"name":'dong',"age":12},
{"name":'Tao',"age":12},
{"name":'Stady',"age":12}
];

var salesName='';
$.each(array, function(index, obj) {
salesName += obj.name +((array.length-1 > index)? ',':'');
});
console.log(salesName);

var naneValue = [];
for(var i = 0; i < array.length; i++) {
naneValue.push('<span>&nbsp</span>' + array[i].name);
}
console.log(naneValue);
$('#div1').html(naneValue)
</script>
</html>