JS控制li,鼠标点击时class自动加上，试了好几种方法，都添加不上，求大神看看。

<div id="topnav">

        <ul>

            <li id="tna"><a href="__APP__/home/Index/index">Home</a></li>

            <li id="tnb"><a href="__APP__/home/Gallery/index">Gallery</a></li>

        </ul>

</div>

</body>

<script>

 $("li").click(

function (){

$(this).attr("class","visited")

}

 )

</script>

<ul id="list">

<li></li>

....

</ul>

<script>

var list=document.getElementById("list")

//获取ul对象

lis=list.getElementsByTagName("li")

//获取ul下的li对象,是数组集合

for(var i=0,l=lis.lengthi<li++){

    lis[i].className="yangshi"+(i+1)

}

</script>

你这个是不是要做一个类似导航的东西，个人建议就弄一个 home 的样式 不要弄那个 a 的样式

$(".div1 ul li").removeClass("home")//先去除所有 样式div1 下面ul标签下面li标签的home样式

$(****).addClass("home")//再给选中的li标签加上一个home样式，，$(****)是你选中的li标签的对象

home你弄成选中样式

---