如何根據jquery中的過濾器禁用和啟用列表項？

Question

這是我創建的： http : //jsfiddle.net/zidski/ktSA9/

我想根據過濾器啟用和禁用鏈接-“所有年份”一開始顯示為禁用，因為所有年份都顯示-如果我單擊2010，則所有年份都應啟用，依此類推。

<ul name="yearfilter" id="yearfilter">
<li value=""><a data-value="" href="#" class="disable">All years</a></li>
<li value="2011"><a data-value="2011" href="#">2011</a></li>
<li value="2010"><a data-value="2010" href="#">2010</a></li>
</ul>

Answer 1

我已經更新了您的小提琴： http : //jsfiddle.net/ktSA9/4/

相關更改：

$("#yearfilter a").removeClass("disable");
$(this).addClass("disable");

Answer 2

這樣的事情應該可以解決問題：

$("#yearfilter a").bind('click', function() {
    $("#yearfilter a").removeClass('disable');
    $(this).addClass('disable');
});

編輯：更改以上內容綁定到錨元素，而不是列表項。

本質上，您只需要在現有函數中添加以下兩行：

$("#yearfilter a").removeClass('disable');
$(this).addClass('disable');

Answer 3

檢查此http://jsfiddle.net/ktSA9/2/