Javascript 如果所有都有属性显示,如何使用ul列表隐藏()div:无;
我的小搜索有问题。我有6个不同的类别,如下所示。当我试图找到一些东西时,我希望没有任何结果的带有类别的框将被隐藏-所有li都有属性显示:无Javascript 如果所有都有属性显示,如何使用ul列表隐藏()div:无;,javascript,jquery,Javascript,Jquery,我的小搜索有问题。我有6个不同的类别,如下所示。当我试图找到一些东西时,我希望没有任何结果的带有类别的框将被隐藏-所有li都有属性显示:无 如果要在所有li都具有display:none属性的情况下隐藏div,请参见上的。您可以使用以下代码: var li = $(".list li").css({'display' : 'none'}) if(li){ $(".category").css({'visibility' : 'hidden'}) } else { $(".catego
如果要在所有li都具有display:none属性的情况下隐藏div,请参见上的。您可以使用以下代码:
var li = $(".list li").css({'display' : 'none'})
if(li){
$(".category").css({'visibility' : 'hidden'})
} else {
$(".category").css({'display' : 'none'})
}
希望有帮助:。只返回隐藏所有lis的用户,过滤您的$。类别
$.category.show.filterfunction{
return!$this.findli:visible.length;
}.隐藏;
全功能示例:
变量$cat=$'.category';
var$li=$cat.find'li';
$'box'。oninput,函数{
var inputValue=$.trimthis.value;//修剪值!
var rgx=new RegExpinputValue,i;//不区分大小写
//首先处理LI元素可见性
$li.show.filterfunction{
return!rgx.test$this.text
}.隐藏;
//而不是句柄。类别包装器
$cat.show.filterfunction{
return!$this.findli:visible.length;
}.隐藏;
};
你需要什么?
汽车
河流浅水处
欧宝
大众
萨博
宝马
衣服
衬衫
衬衫
裤子
连衣裙
T恤
电话
苹果手机
三星
沙米
华为
诺基亚
软件
Visual Studio代码
括号
原子
记事本++
崇高的文本
摄像机
索尼
原则
三星
松下
尼康
家
工具
家具
设备
宠物
另外
如果所有li元素都显示为“无”,则要隐藏.category?你能更好地解释这个问题吗?我有6个类别,像上面这样,我在ul列表中使用serach的输入。我想隐藏这个没有任何结果的目录,这样所有的li都可以显示:无。github上的这个项目:你的问题应该包括你已经尝试过的东西。您的github显示了一些功能,但是您的问题只包括一个简单的HTML片段。例如,在你的github中,如果一个类别被隐藏,它将不会再显示,因为你没有提到这个方面。你是对的,所有这些回答都是正确的,但我忘记了这个方面。当我删除一些字母时,它应该再次显示。@dankudyba在下面的答案中已经使用了。show。你的else语句在哪里?他可以自己做。我只是在展示一个片段,说明他是如何实现他的要求的:@CarstenLøvboandersen我的意思是你的//或应该是}其他{。让其他人更容易阅读你的代码。Idev,你知道李里面存储了什么吗?谢谢@Santi
var li = $(".list li").css({'display' : 'none'})
if(li){
$(".category").css({'visibility' : 'hidden'})
} else {
$(".category").css({'display' : 'none'})
}