如何根据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/