如何用JQuery给前面N个span追加|分隔符?

<div class="footmenu">
<span><a href="/" title="首页">首页</a></span>
<span><a href="/about/" title="公司简介">公司简介</a></span>
<span><a href="/product/" title="产品展示">产品展示</a></span>
<span><a href="/news/" title="最新资讯">最新资讯</a></span>
<span><a href="/printinglore/" title="印刷常识">印刷常识</a></span>
<span><a href="/servinfo/" title="业务介绍">业务介绍</a></span>
<span><a href="/hornor/" title="企业荣誉">企业荣誉</a></span>
<span><a href="/equipments/" title="生产设备">生产设备</a></span>
<span><a href="/callus/" title="联系我们">联系我们</a></span>
</div>这是帝国CMS通过showclasstemp输出的页脚导航代码
由于这个showclasstemp无法支持php程序代码,所以我无法判断是否第一个或者最后一个菜单
而我所想要的效果是每个菜单以|作间隔符,即
A|B|C|D然而D后面是没有间隔符的
所以现在考虑用JQuery用类似append的方法来追加 | 分隔符text到这个div的每一个span后面,但是如何用JQuery选择前面N个span而不选择最后一个这些..我就不知道了,求教..