[求助]js遍历元素的问题 如何使数组内一个元素始终保持一个状态.

如题,我想遍历这样的一个结构
       <ul id="father">
           <li class="current">美容</li>
           <li>两性</li>
           <li>保健</li>
           <li>疾病</li>
           <li>孕育</li>
           <li>美食</li>
           <li>中医</li>
    </ul>
//Script
var father = document.getElementById("father");
var sons = father.getElementsByTagName("li");
for(i=0;i<sons.length;i++){
sons.item(i).onmouseover=function(){
this.className="current"
}
sons.item(i).onmouseout=function(){
this.className=""
}
}

如何让这些li元素同时只有一个保持 class为current的属性呢???
我百度了好久没有找到...........

[ 本帖最后由 Apollyonx 于 2011-10-8 17:29 编辑 ]

二种办法，一种是每次mouseover的时候都把所有li的class设置为空。一种是记住前一个mouseover的li.再次over的时候就把前一个li的class设为空