Javascript jquery在具有类时切换可见性

我已将我的所有投资组合项目收集到一个数组中，如图所示

function SetPortfolioItems(filter) {
    items = $( ".portfolio-item" ); 

    items.toggle("slow");
}

函数参数是字符串类名称，例如“Print”。我要做的是隐藏没有“filter”类的公文包项和有“filter”类的公文包项，使它们可见。

使用jQuery函数

function SetPortfolioItems(filter) {
    items = $( ".portfolio-item" ); 
    items.not('.' + filter).hide("slow");
}

使用jQuery函数

function SetPortfolioItems(filter) {
    items = $( ".portfolio-item" ); 
    items.not('.' + filter).hide("slow");
}

关于你的问题：

我想做的是隐藏没有类“filter”的公文包项和有类“filter”的公文包项，使它们可见

您可以这样做：

函数集PortfolioItems（过滤器）{
var str=filter.toLowerCase（）；
var无效项=$（“.投资组合项目：非（.“+str+”）；
残疾人隐藏（“慢”）；
var validItems=$（“.portfolio item.”+str）；
有效显示（“慢”）；
}
SetPortfolioItems（“过滤器”）

项目1
项目2
项目3
项目4
项目5
第6项关于您的问题：

我想做的是隐藏没有类“filter”的公文包项和有类“filter”的公文包项，使它们可见

您可以这样做：


函数集PortfolioItems（过滤器）{
var str=filter.toLowerCase（）；
var无效项=$（“.投资组合项目：非（.“+str+”）；
残疾人隐藏（“慢”）；
var validItems=$（“.portfolio item.”+str）；
有效显示（“慢”）；
}
SetPortfolioItems（“过滤器”）

项目1
项目2
项目3
项目4
项目5
第6项通过jQuery使用hasClass：


通过jQuery使用
hasClass
：


您是否在
JQuery
中尝试过
hasClass（）
@JokerMartini您是否在
JQuery
中尝试过
hasClass（）
@JokerMartiniIt不像这个例子那样工作。如果您有一个项目集合，则需要遍历它们。我不知道为什么这有一个向上投票，但这不适用于那个代码，它不像这个例子。如果您有一个项目集合，则需要遍历它们。我不知道为什么这有一个向上投票，但这不适用于该代码我怎么能让它忽略大小写敏感？CSS是区分大小写的。你需要什么？也许你可以用小写写你所有的css，然后在js函数中添加
filter.toLowercase（）
方法，在这种模式下，你所有的代码都是小写的，你不在乎大小写是否区分大小写。如果这解决了你的问题，请向上投票/检查作为正确答案。非常感谢。我会的，再过两分钟我就记不住了。愚蠢的SOHow我可以让它忽略区分大小写？CSS是区分大小写的。你需要什么？也许你可以用小写写你所有的css，然后在js函数中添加
filter.toLowercase（）
方法，在这种模式下，你所有的代码都是小写的，你不在乎大小写是否区分大小写。如果这解决了你的问题，请向上投票/检查作为正确答案。非常感谢。我会的，再过两分钟我就记不住了。真傻