1、$().each()
引用:https://www.w3school.com.cn/jquery/traversing_each.asp
2、$.each()
$.each()来循环遍历一个数组,或者对象。
var arrayTest = [[1,2,3],[4,5,6],[7,8,9]];
$.each(arrayTest,function(n,item){ //n代表当前循环的次数,item为当前循环的对象
alert(item[n]);//1;5;9
alert(arrayTest[n]);//1,2,3;4,5,6;7,8,9
alert(item);//1,2,3;4,5,6;7,8,9
$.each(item,function(){ //将第一次循环的对象再次循环,就实现了二维数据的遍历,如果有2以上的数组,则同理循环多次
alert(this);//1;2;3;4;5;6;7;8;9 this代表当前元素
});
});
var obj = {one:1,tow:2,three:3,four:4};
$.each(obj,function(key,value){
alert(key);//one;tow;three;four
alert(obj[key]);//1;2;3;4
alert(value)1;2;3;4
});
引用:https://www.cnblogs.com/jzhxhs/p/9020405.html
引用:https://www.cnblogs.com/jzhxhs/p/9020405.html
再举例如下:
var comments = [
{
"username": "张三",
"content": "沙发."
},
{
"username": "李四",
"content": "板凳."
},
{
"username": "王五",
"content": "地板."
}
];
var html = '';
$.each( comments , function(commentIndex, comment) {
html += '<div class="comment"><h6>' + comment['username'] + ':</h6><p class="para">' + comment['content'] + '</p></div>';
})
$('#resText').html(html);