如何从.bind()中排除元素？

Question

这是http://jsfiddle.net/4BjVv/6/的例子

$(function(){
    $('ul#crumbs li a').bind('click',crumbClick)
});

function crumbClick(){
    $('ul#crumbs .selected').removeClass('selected');
    $(this).parents('li').addClass('selected');
    return false;
}

应该修复"Home"列表的第一项的位置和样式

<ul id="crumbs">
   <li class="home"><a href="#">Home</a></li>
   <li class="selected"><a href="#">Javascript</a></li>
   <li><a href="#">Flash</a></li>
   <li><a href="#">SEO</a></li>   
</ul>

我想先保持<li>静态.

Answer 1

使用 :not()

$(function(){
    $('ul#crumbs li:not(.home) a').bind('click',crumbClick)
});

更新小提琴

根据下面的评论,这只是一个CSS风格的问题......

更改

ul#crumbs li.selected {float:left;}

至

ul#crumbs li.home,
ul#crumbs li.selected {float:left;}