Question

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

<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写~

Answer 1

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

Answer 2

拉取到一个新建里文件中。用三级代码带入

Answer 3

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);//每个节点加进来
})