JQuery遍历对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="project"> </div> <script language="javascript" type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var tbody = ""; //------------遍历对象 .each的使用------------- //前提必须是对象，一般情况下，后台传过来json字符串，要使用相应的方法将其转化为对象（eval、str.parseJSON()、JSON.parse(str)）。 var obj =[{"name":"项海军","password":"123456"}]; //下面使用each进行遍历 $.each(obj,function(index,value) { console.log(index);
console.log(value);
console.log(index + " " + value); var trs = ""; trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>"; tbody += trs; }); $("#project").append(tbody); }); </script> </body> </html>
JQuery遍历数组
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="project">
</div>
<script language="javascript" type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var tbody = "";
//------------遍历数组 .each的使用-------------
var anArray = ['mma','bba','gge'];
$("#result").html("------------遍历数组 .each的使用-------------");
$.each(anArray,function(index,value) {
console.log(index);
console.log(value);
console.log(index+' '+value);
var trs = "";
trs += "<tr><td>" +value+"</td></tr>";
tbody += trs;
$("#project").append(tody); //这个地方不能这样写，正确的写法是写在循环外面 检验的方法是console.log(tody)就知道什么情况了
});
$("#project").append(tbody);
});
</script>
</body>
</html>