JQuery: not () issue

Question

jQuery 1.4:

$('#menu li:last:not(.ignore)').addClass('last');

HTML:

<div id="menu">
    <ul>
        <li>item 1</li>
        <li>item 2</li>
        <li class="ignore">item3</li>
    </ul>
</div>

.. the lastclass does not apply to item 2. What am I doing wrong here?

thank

Answer 1

Change the order :lastand :not():

$('#menu li:not(.ignore):last')

Answer 2

How does your expression work:

• Find the item with the identifier "menu";
• Find all elements of the descendant list of this element;
• Limit the results to the very last element in this set;
• Filter out elements (this is only one element of this point, the last) that do not have a class of "ignore".

The last element has an ignore class, so it is filtered out. That is why it does not work. Reorder:

$("#menu li:not(.ignore):last").addClass("last");

Answer 3

, , : " .ignore":

// tested
$("#menu li.ignore:first").prev("li").addClass('last');