ul li span addClass removeClass

<link type="text/css" href="./style/css/base.css" rel="stylesheet">
<link type="text/css" href="./style/css/services.css" rel="stylesheet">
<section class="select prop_nv district_prop sku_prop" id="location"> <label>所在地区</label>
<ul class="clearfix">
<li><span>禅城区</span></li>
<li><span>顺德区</span></li>
</ul>
<div class="district-prompt" style="display: none; color: #666; background: #faeed4; 92%; margin: 0 auto; line-height: 26px; text-align: left; border: 1px solid #f7a700; padding: 0px 10px 0px 10px;">
<img src="./style/img/consume-icon03.png" style="vertical-align: middle; padding-right: 3px;"><span></span>
</div>
</section>
<script type="text/javascript" src="./style/js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var menu = $(".clearfix span");
menu.click(function(){
for(var i=0;i<menu.size();i++)
{
menu.eq(i).removeClass("active");
}
$(this).addClass("active");
});
})
</script>