LOFTER-网易轻博

<script>

let list = document.querySelector("#J_categoryList");

let itemli =list.children;

//当ul的li标签里面，也有ul和li标签，直接遍历li会发生错误

//要先遍历最大的那个li标签，再获取里面小的li标签的集合

let arr=[];

for(let i = 0;i< itemli.length;i++){

    let obj = {};

    obj.title=itemli[i].querySelector(".title").innerText;

    let imgArr=[];

    let textArr=[];

    let col=itemli[i].querySelector(".children");

    //不能集合里面找集合，只能单个里面找集合

    let thumb=col.querySelectorAll(".thumb");

    for(let j = 0;j < thumb.length;j++){

        imgArr.push(thumb[j].src);

    }

    let text = col.querySelectorAll(".text");

    for(let k =0;k<text.length;k++){

        textArr.push(text[k].innerText);

    }

    //把所有单个li数据存为对象，再把多个li存为数组，最后解析为JSON数据存去后端

    obj.imgSrc=imgArr;

    obj.goodsText=textArr;

    arr.push(obj);

}

    console.log(JSON.stringify(arr))

</script>