html页面forEach用法,！foreach循环用在HTML中，请高手协助

求助！foreach循环用在HTML中，请高手协助！

想将如下代码中“变量”位置，输入一个可以跟随foreach循环自动加1的 变量值，好让菜单可以点击展开和折叠。请哪位高手指点下。感谢。

function showmenu(id) {

var list = document.getElementById("list"+id);

var menu = document.getElementById("menu"+id)

if (list.style.display=="none") {

document.getElementById("list"+id).style.display="block";

menu.className = "title";

}else {

document.getElementById("list"+id).style.display="none";

menu.className = "title";

}

}

#foreach( $category in $map.get("A"))

  $!{category.name}

#foreach( $subcate in $category.categories )

$!{subcate.name}

#end

#end

------解决方案--------------------

var i = 0;

document.write(" 

啊呀呸");//在这里拼字符串 然后输入

------解决方案--------------------

你的id都重复了，需要通过dom关系来获取，不知道你什么语言。。。1#加的变量是你那种语言的，不是指js的

function showmenu(li) {

while (li = li.nextSibling) {

if (li.nodeType == 1) {

if (li.id == 'menu') break;//遍历到下一个菜单开始项目则退出

li.style.display = li.style.display == 'none' ? 'block' : 'none';

}

}

}

#foreach( $category in $map.get("A"))

  $!{category.name}

#foreach( $subcate in $category.categories )

$!{subcate.name}

#end

#end