这是我的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)");
}
);
})
除了红色背景的最后一个元素,如何添加相同的功能?