Question

怎么动态生成ul下面的li

我要在ul里面动态添加li，每个ul下面的li由数组里面的个数决定，如：界面时是这样：

我写的代码是这样的：

ul下面的li该怎么循环添加？





Answer 1

<script type="text/javascript">
window.onload = function(){
var arrLi = [['我的朋友','同学','同事'],['哇哈哈','乐百氏','农夫山泉'],['咖啡','果汁','果酒']];

for(var j=0; j<arrLi.length; j++){
document.body.innerHTML += '<ul></ul>';
var ul = document.getElementsByTagName('ul');
for (var i = 0; i < arrLi[j].length; i++) {
ul[j].innerHTML += '<li>'+arrLi[j][i]+'</li>';
};
}
}
</script> 你试试吧

追问

额 不是这个意思，我的意思是：比如你写的：“我的朋友”是一个标题(也可以说是一个ul)，然后他下面有很多li，li的内容就是哇哈哈，乐百氏，农夫山泉。
然后 "同学"又是一个标题(ul)，然后他下面有很多li，li的内容是咖啡 果汁 果酒啊 什么的，就是类似QQ分组一样。

追答

{我的朋友:['哇哈哈','乐百氏','农夫山泉'],同学:['咖啡','果汁','果酒']}

这样子的格式的吧

追问

嗯 就是这种格式

追答

window.onload = function(){
var arrLi = {我的朋友:['哇哈哈','乐百氏','农夫山泉'],同学:['咖啡','果汁','果酒']};
var n = -1
for(var i in arrLi){
n++;
document.body.innerHTML += ''+i+'';
var ul = document.getElementsByTagName('ul');
for (var j = 0; j '+arrLi[i][j]+'';
};
}
}

这样应该就可以了吧

Answer 2

在加一个FOR 循环 你这样纸循环出一个

追问

我知道再加一个for循环，但是不知道该怎么去循环

追答

你没有遍历过 二位数组吗
和遍历二维数组是一样的

追问

新手，不怎么会，能教我吗？

追答

你百度一下 遍历二维数组 好好看看 我这个是上网本 敲不了代码