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 に答える