Question

我刚刚开始讨论这个jQuery的事情，所以请耐心等待。

基本上我所发生的是一个项目列表，其中包含“政治家”，“企业家”等类，用于定义此列表中的人员。

目标是，我可以在列表顶部附加标签，用于过滤列表结果。

我知道我可以使用.filter（）来查找附加了“政治家”类的列表项。但是我如何隐藏（或将display：none ;,或者附加）给没有“政治家”类的列表项？

正如我所说，我对此很陌生，所以如果你具体，那就太棒了！

再次感谢！

-Judson

编辑：这是截至目前的代码：

    $("#politician_filter").click(
    function(){
        $('#people li :not(.politician)').hide();
    })
})

Answer 1

尝试这样的事情：

$("#politician_filter").click( function( event ){
    event.preventDefault();
    $('ul#people li:not(.politician)').hide();
})

修改：删除li和:not之间的空格。

这是working fiddle。

Answer 2

这会隐藏所有li个元素，然后显示li个.politician个$("#politician_filter").click(function(){ $("#people li").hide().filter(".politician").show(); return false; //since you're using a link, disable default action });个。{/ p>

{{1}}

使用jQuery按类标题过滤结果

2 个答案: