1

这是我的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)");
            }
        );
})

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

4

1 回答 1

2

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

$("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)");
});​
于 2012-08-19T08:31:17.410 回答