jquery - 如何使用 jQuery 隐藏除最后一个元素(按类)之外的所有元素

Question

我有一个如下所示的菜单(以 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 个 span(.expCollPos)，前两个与我无关，我试图使用 jQuery 仅删除它们。

我尝试使用:$('.dyn li span.expCollPos:last-child').css("显示", "无");

以及其他几个 - 但它只是删除了所有 .expCollPos 类。

我做错了什么吗？

(我有一个必须编辑的代码，它看起来很糟糕!JavaScript 函数不清楚，CSS 有太多“!重要”，我找不到什么是什么。)

Answer 1

你想隐藏除最后一个之外的所有内容，所以你必须说 not last like

$('.dyn li').find('span.expCollPos:not(:last)').hide();