<!DOCTYPE html >
<html >
<head>
<title>使用$.each()工具函数遍历数组</title>
<script type="text/javascript" src="http://jt.875.cn/js/jquery"></script>
<style type="text/css">
body{font-size:13px}
ul{padding:0px;margin:0px;list-style-type:none;
width:260px;border-top:dashed 1px #ccc;
border-left:dashed 1px #ccc;border-right:dashed 1px #ccc}
ul li{border-bottom:dashed 1px #ccc;padding:8px}
.title{background-color:#eee; font-weight:bold}
</style>
<script type="text/javascript">
$(function() {
var arrStu = { "张三": "60", "李四": "70", "王二": "80" }
var strContent = "<li class='title'>姓名:分数</li>";
$.each(arrStu,function(name,value){
strContent += "<li>" + name + ":" + value +"</li>"
})
$("ul").append(strContent);
})
</script>
</head>
<body>
<ul></ul>
</body>
</html>
使用$.each()工具函数遍历数组
最新推荐文章于 2022-03-20 15:53:46 发布