<ul>

　　<li class=""pageson"><span>1</span></li>

　　<li><span></span></li>

　　<li><span></span></li>

　　<li><span></span></li>

　　<li><span></span></li>

</ul>

script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script>

    $(document).ready(function(){

        $('ul li').click(function(){

            $(this).siblings().removeClass('pageson');

            $(this).addClass('pageson');

        })

    })

</script>