jquery - jQuery css 选择器 - 选择除最后一个之外的所有内容

Question

这是我的html：

<!-- Navigation -->
            <nav>
                <ul>
                    <li><a href="#">Products</a></li>
                    <li><a href="#">Gallery</a></li>
                    <li><a href="#">Guestbook</a></li>
                    <li><a href="#">Contacts</a></li>
                    <li><a href="#">Help</a></li>
                    <li><a id="cart" href="#"><span class="glyph general">2</span></a></li>
                </ul>
            </nav>

我想在除了最后一个带有紫色背景的锚和最后一个带有 id="cart" 红色背景的子节点上创建 jQuery 悬停效果，这是我的 jquery：

<script>
$(function () {
        $("nav ul li a:not(#cart)").hover(
            function (){
                $(this).hide().css("background-color","#6e0069").fadeIn(500);
            },
            function(){
                $(this).css("background-color","rgb(255,255,255)");
            }
        );
})

除了红色背景的最后一个元素，如何添加相同的功能？

Answer 1

不知道这是否是你所要求的，但我会做这样的事情：

$("nav ul li a").hover(function() {
    var color = $(this).is("#cart") ? "rgb(255,0,0)" : "#6e0069"
    $(this).hide().css("background-color", color).fadeIn(500);
}, function() {
    $(this).css("background-color", "rgb(255,255,255)");
});​