jQuery $.each(obj,function(n,value) 遍历用法
- 对象的遍历
js 代码部分
<script type="text/javascript">$(function() {var $tbody = $("tbody");var html = "";//前提必须是对象,一般情况下,后台传过来json字符串,要使用相应的方法将其转化为对象(eval、str.parseJSON()、JSON.parse(str))。var obj = [{ "name": "张三", "password": "123456" },{ "name": "李四", "password": "asdfgh" }];//下面使用each进行遍历$.each(obj, function(index, item) {console.log(index,item);html += "<tr><td>" + item.name + "</td> <td>" + item.password + "</td></tr>";});$tbody.append(html);});</script>
html 代码部分
<body><table><thead><tr><th>name</th><th>password</th></tr></thead><tbody></tbody></table>
</body>
- 数组的遍历
<script type="text/javascript">$(function(){var tbody = "";//------------遍历数组 .each的使用-------------var anArray = ['mma','bba','gge'];$("#result").html("------------遍历数组 .each的使用-------------");$.each(anArray,function(n,value) {alert(n+' '+value);var trs = "";trs += "<tr><td>" +value+"</td></tr>";tbody += trs;});$("#project").append(tbody);});</script>
$(selector).each(function(index,element))
html部分文档<ul id="each_id">
<li>Coffee</li>
<li>Soda</li>
<li>Milk</li>
</ul>js遍历函数:function traversalDOM(){
$("#each_id li").each(function(){alert($(this).text())});
}
- 在遍历DOM时,通常用$(selector).each(function(index,element))函数.
- 在遍历数据时,通常用$.each(dataresource,function(index,element))函数。