$().each()与$.each()的区别

2 篇文章 0 订阅
1 篇文章 0 订阅

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);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值