jquery 如何取消与增加classname

Question

<div id="list">
  <span id="s1">aa</span>
  <span id="s2">bb</span>
  <span id="s3">cc</span>
</div>需要的结果：当点 s1时，增加classname，s2,s3不变，
            当点 s2时，s1去除calssname,s2增加classname，s3不变
            以此类推谢谢！

Answer 1

本帖最后由 net_lover 于 2010-02-24 14:36:36 编辑

  

Answer 2

$('#list span').click(function(){
    $(this).siblings().removeClass('classname').end().addClass('classname');
});

Answer 3

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(function(){
        $("#list span").click(function(){
            $("#list span").removeClass("cls")
            $(this).addClass("cls")
        });
    });
</script>
<style type="text/css">
    .cls {border:1px solid black;}
</style>
<div id="list"> 
  <span id="s1">aa </span> 
  <span id="s2">bb </span> 
  <span id="s3">cc </span> 
</div>