html怎么遍历二维数组,原生js for循环遍历二维数组、嵌套元素的简单示例

这篇文章主要为大家详细介绍了原生js for循环遍历二维数组、嵌套元素的简单示例,具有一定的参考价值,可以用来参考一下。

关于for循环这是js中的重点,特别是项目中会经常用到,并且它的运用范围还极其的广泛,极其的复杂,今天就来遍历一个多层嵌套的元素,先来看看简单的布局:

  • 我的好友

    • 张安
    • 李三
    • 张四
  • no no
  • no
  • 不认识的人

    • 王五
    • 刘四
    • 赵三
  • 黑名单

    • 刘八
    • 李八
    • 周六
这种布局就是ul里有li然后li里又嵌套着ul,并且不是单一的有规律的嵌套里面还穿插有h2,页面布局所显示的效果如下图所示:

fb348d55fefc2b3968e1d0a409b878b0.jpg

其实我想要的实现的效果是遍历每个分组里的人名,那么也就相当于是遍历最外面的ul里嵌套的的ul里的li,那么js就主要分为最关键的两步:

第一,先找到最外面的ul里的三个分组里的ul,然后依次遍历;

第二,就是要在遍历过的ul里找


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部