JQuery each遍历DOM节点与遍历数组和对象

each遍历DOM节点：

用法demo：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<script>
 $(function () {
      $("li").each(function (index,element) {
          console.log(index);//选择器的 index 位置
          console.log(element);//当前的元素（也可使用 "this" 选择器）
      });
  });
</script>

输出结果：
image.png

each用于遍历数组和对象

用法

$.each(object,callback);// object可以是数组，js对象，dom对象，json对象

demo
*遍历数组

 var arr=['red','green','black'];
      $.each(arr,function (index,value) {
          console.log(index);//数组的 index 位置
          console.log(value);//数组值
      })

输出结果:


image.png

*遍历对象

var obj={name:'lily',age:17,friends:['yao','ran']};
      $.each(obj,function (key,value) {
          console.log(key);//对象的key值
          console.log(value);//对象的value值
      })
  });

输出结果:


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容