求一段jquery动态控制背景颜色的代码(只能用jquery实现)

<div id="tabsH" nowrap="nowrap">
   <ul>
     <li><a id="a1" href="#" title=""><span id="s1">连接一</span></a></li>
<li><a id="a2" href="#" title=""><span id="s2">连接二</span></a></li>
<li><a id="a3" href="#" title=""><span id="s3">连接三</span></a></li> 
   </ul>
</div>我想点"连接一"后"连接一"的背景颜色变成红色"连接二","连接三"背景颜色变成绿色点"连接二"后"连接二"的背景颜色变成红色"连接一","连接三"背景颜色变成绿色点"连接三"后"连接二"的背景颜色变成红色"连接一","连接二"背景颜色变成绿色也就是点tabsH里的span的时候，被点击的背景变红色，其他的背景变绿色实际中连接数可能很多 连接...N 希望考虑一下效率