单层遍历生成动态数组
html源码
<ul class="ulBox">
<li>香蕉</li>
<li>苹果</li>
<li>草莓</li>
<li>西瓜</li>
<li>火龙果</li>
</ul>
js源码
//单层遍历生成动态数组
var fruitsArr = []; //首先声明一个空数组
$(".ulArr").find("li").each(function(index){//通过each遍历ul中的每li标签
fruitsArr[index] = $(this).text();//每遍历一个li标签就把其中的文本放到空数组中
})
console.log(fruitsArr);//遍历完成,打印出数组 ["香蕉", "苹果", "草莓", "西瓜", "火龙果"]
多层循环生成动态数组
html源码
<div class="varietyBox">
<div class="varietyMain">
<div class="varietyTitle">水果</div>
<ul class="ulBox">
<li>香蕉</li>
<li>苹果</li>
<li>草莓</li>
<li>西瓜</li>
<li>火龙果</li>
</ul>
</div>
<div class="varietyMain">
<div class="varietyTitle">蔬菜</div>
<ul class="ulBox">
<li>胡萝卜</li>
<li>白菜</li>
<li>芹菜</li>
<li>西红柿</li>
<li>菠菜</li>
<li>南瓜</li>
</ul>
</div>
</div>
js源码
//多层遍历生成动态数组
var varietyArr = [];
var varietyObject = [];
var varietyLength = $(".varietyBox").find(".varietyMain").length;//获取最外层数组长度
var varietyUllength = 0;
for(var i = 0;i < varietyLength;i++){
varietyUllength = $(".varietyBox").find(".varietyMain").eq(i).find(".ulBox").find("li").length;//获取第二层数组对应的长度
var varietyUlarry = [];
var varietyUlobject = {};
for(var j = 0;j < varietyUllength;j++){
varietyUlarry[j] = $(".varietyBox").find(".varietyMain").eq(i).find(".ulBox").find("li").eq(j).text();//数组
varietyUlobject[j] = $(".varietyBox").find(".varietyMain").eq(i).find(".ulBox").find("li").eq(j).text();//对象
}
varietyArr[i] = varietyUlarry;
varietyObject[i] = varietyUlobject;
}
console.log(varietyArr)//[["香蕉", "苹果", "草莓", "西瓜", "火龙果"], ["胡萝卜", "白菜", "芹菜", "西红柿", "菠菜", "南瓜"]]
console.log(varietyObject)//[{0: "香蕉", 1: "苹果", 2: "草莓", 3: "西瓜", 4: "火龙果"},{0: "胡萝卜", 1: "白菜", 2: "芹菜", 3: "西红柿", 4: "菠菜", 5: "南瓜"}]
搬你想搬,盖你所需,码字不易,且行且珍惜!