Jquery修改class的问题

Question

        <ul id="ScrollNum">
         <li class="Selected">1</li>
         <li>2</li>
         <li>3</li>
         <li>4</li>
         <li>5</li>
        </ul>当鼠标移动到li上就给那个li添加class="Selected",并且把前一次li的class清空。
例：我移动到第二个li也就是<li>2</li>要变成<li class="Selected">2</li>

Answer 1

<script type="text/javascript">
$(document).ready(function(){
$("#ScrollNum>li").each(function(i){
$(this).mouseover(function(){
$("#ScrollNum>li").removeAttr("class","");
$("#ScrollNum>li").each(function(j){
if(i==j)
{
$(this).attr("class","Selected");
}
});
});
});
});
</script>拿分 走人...

Answer 2

这思路写jq太诡异了还当普通js写呢

Answer 3

$(function(){
var _temp=$("#ScrollNum li");
$("#ScrollNum li")mouseover(function(){
_temp.removeClass();
$(this).addClass("Selected");
});
})

Answer 4

楼上的代码少了一个点
$(function(){
var _temp=$("#ScrollNum li");
$("#ScrollNum li").mouseover(function(){
_temp.removeClass();
$(this).addClass("Selected");
});
})

Answer 5

稍微改一下, 从效率上讲, 不需要所有的li都removeClass var _temp;
$(document).ready(function(){
$("#ScrollNum li").mouseover(function(){
$(_temp).removeClass();
$(this).addClass("Selected");
_temp = $(this);
});
});