$.each(obj,function(n,value) 的使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="edit_on_doubleclick" content="/">
<meta name="robots" content="index,nofollow">

<title>wiki</title>

</head>

<body lang="zh" dir="ltr">

<div id="result">

</div>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript">
$(function(){
var tbody = "";
//------------遍历对象 .each的使用-------------
//前提必须是对象，一般情况下，后台传过来json字符串，要使用相应的方法将其转化为对象（eval、str.parseJSON()、JSON.parse(str)）。
var obj =[{"name":"小A","password":"122"},{"name":"小B","password":"erer"},{"name":"小C","password":"66777"}];
$("#result").html("------------遍历对象 .each的使用-------------");
alert(obj);//是个object元素
//下面使用each进行遍历
$.each(obj,function(n,value) {
alert(n+' '+value);
var trs = "";
trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";
tbody += trs;
});
$("#result").append(tbody);

});
</script>

</body>
</html>

 

结果:----------------------------------------------------------

------------遍历对象 .each的使用-------------

项海军123456

小A122

小Berer

小C66777

posted @ 2018-08-09 15:56  hayabky  阅读(823)  评论(0)    收藏  举报