如何使用jQuery隐藏除最后一个元素以外的所有元素（按类）

我有一个看起来像这样的菜单（以1个列表项为例）：

<ul class="dyn makeLink" style="display: block;">
    <li id="licategory_1">
        <a href="/nfl-lines" title="" class="linkItem">
            <strong>NFL</strong>
        </a>
        <span class="expCollPos" >
            <span class="collapsed"></span>
        </span>
        <span class="expCollPos linkItem" >
            <span class="collapsed"></span>
        </span>
        <span class="expCollPos" >
            <span class="collapsed"></span>
        </span>
    </li>


    <li id="licategory_2">
    ... 
    </li>

</ul>

出于某种奇怪的原因，它有3个spans（.expCollPos），前两个与我无关，我正尝试仅使用jQuery删除它们。

我尝试使用： $('.dyn li span.expCollPos:last-child').css("display", "none");

和其他几个-但它只会删除所有.expCollPos类。

难道我做错了什么？

（我有一个必须编辑的代码，它看起来太可怕了！javascript函数尚不清楚，并且CSS具有太多“！important”，以至于我找不到什么。）