关于javascript的一个数组问题!如何遍历ul(多组)下面的li的图片src地址组成数组?

Posted 2023-04-16

<ul class="diary_items_photo">
<li><img src="11111.jpg"></li>
<li><img src="11112.jpg"></li>
</ul>
<ul class="diary_items_photo">
<li><img src="11111.jpg"></li>
<li><img src="11112.jpg"></li>
<li><img src="11113.jpg"></li>
<li><img src="11114.jpg"></li>
<li><img src="11115.jpg"></li>
</ul>
<ul class="diary_items_photo">
<li><img src="11111.jpg"></li>
<li><img src="11112.jpg"></li>
<li><img src="11113.jpg"></li>
<li><img src="11114.jpg"></li>
<li><img src="11115.jpg"></li>
<li><img src="11113.jpg"></li>
<li><img src="11114.jpg"></li>
<li><img src="11115.jpg"></li>
<li><img src="11113.jpg"></li>
<li><img src="11114.jpg"></li>
<li><img src="11115.jpg"></li>
</ul>
比如我的结构如上~~
我遍历ul.imgbox后,需要取到对应ul下面li的src地址!
就是比如 var img_urls = []; 然后push以后,能这样img_urls[1][2] 能取到第一组ul下面的第二条li下面的src的地址就算成功!
用jq的方法写就行了,不一定要用原生js写~

    var img_urls = [];
    var uls = document.getElementsByTagName("ul")
    for(var i=0;i<uls.length;i++)
        var imgs = uls[i].getElementsByTagName("img")
        img_urls[i] = [];
        for(var j=0;j<imgs.length;j++)
            img_urls[i][j]=imgs[j].src;
        
    

参考技术A 拉取到一个新建里文件中。用三级代码带入 参考技术B 1.首先 声明数组
    var ulnodes= []; ul节点数组 
      
var ul_node = $("ul")//这个自己获取ul 的所有节点 没问题吧

$.each(ul_node,function(i,ul)
    var linodes =[]; li节点数组    
    var li_node =$("ul").find("li");//这是每个ul 下面的所有li节点
        $.each(li_node,function(ii,li)
            var src = $(li).attr("src");
            linodes.push(src );
                  
   )
   ulnodes.push(linodes);//每个节点加进来
)

javascript如何遍历数组中的每一个元素

javascript如何遍历数组中的每一个元素:
遍历数组中的所有元素是一个非常基础简单的操作，可能初学者还不够了解，下面就通过代码实例介绍一下如何实现此功能。
代码如下:

 

var theArray=["蚂蚁部落","青岛市南区","新锐科技",3];
for(var index=0;index<theArray.length;index++)
{
  console.log(theArray[index]);
}

 

以上代码可以遍历数组中的每一个元素，原理很简单，就是使用for循环和数组索引实现此功能。
相关阅读:
1.for循环可以参阅javascript的for循环语句用法一章节。 
2.length属性可以参阅javascript的Array对象的length属性一章节。 

原文地址是http://www.softwhy.com/forum.php?mod=viewthread&tid=11730

更多内容可以参阅:http://www.softwhy.com/javascript/