Javascript 如何根据jquery中的过滤器禁用和启用列表项?

Javascript 如何根据jquery中的过滤器禁用和启用列表项?,javascript,jquery,Javascript,Jquery,以下是我创建的内容: 我想根据过滤器启用和禁用链接-“所有年份”开始禁用,因为所有年份都显示出来-如果我单击2010,所有年份都应启用,依此类推 <ul name="yearfilter" id="yearfilter"> <li value=""><a data-value="" href="#" class="disable">All years</a></li> <li value="2011"><a data-

以下是我创建的内容:

我想根据过滤器启用和禁用链接-“所有年份”开始禁用,因为所有年份都显示出来-如果我单击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>

我已经更新了你的小提琴:

相关变化:

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

像这样的事情应该可以做到:

$("#yearfilter a").bind('click', function() {
    $("#yearfilter a").removeClass('disable');
    $(this).addClass('disable');
});
编辑:将上述内容更改为绑定到锚元素而不是列表项

基本上,您只需要将以下两行添加到现有函数中:

$("#yearfilter a").removeClass('disable');
$(this).addClass('disable');
检查这个

禁用类位于LI中的A元素上。请从锚中删除禁用类,而不是LI。谢谢各位,我犯了一个明显的错误。