如何使用 jQuery 一次隐藏多个选择器

发布于 2024-12-17 07:50:32 字数 373 浏览 0 评论 0原文

为什么 this..

    $("div.toggle1").hide();
    $("div.toggle3").hide();
            $("div.toggle4").hide();
            $("div.toggle5").hide();

不等于

           $('#container div').not('.toggle2').hide();

在单击事件上发生的 this...，但它的工作方式与手动键入多个 hide() 标签不同。我只是想减少我在父 #container div 中添加的每个 div 的 hide() 标记使用量。

原文

How come this..

    $("div.toggle1").hide();
    $("div.toggle3").hide();
            $("div.toggle4").hide();
            $("div.toggle5").hide();

is not equvalent to this...

           $('#container div').not('.toggle2').hide();

that occurs on a click event, but it doesn't work the same as manually typing out multiple hide() tags. I'm just trying to reduce the hide() tag usage for every div I keep adding on within my parent #container div.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

断爱 2024-12-24 07:50:32

$("div.toggle1, div.toggle3, div.toggle4, div.toggle5").hide();

或者只是给每个要隐藏同一个类的 DOM 元素，你可以这样做：

$('.hideClass').hide();

$("div.toggle1, div.toggle3, div.toggle4, div.toggle5").hide();

Or just give every DOM element that you will hide the same class and you can just do:

$('.hideClass').hide();

回复收藏 0 原文

揽清风入怀 2024-12-24 07:50:32

你可以通过css轻松控制它。将隐藏类添加到父容器，其中将具有 display:none 样式。如果您不希望 display:none 具有类 toggle2 的 div，请覆盖此元素的样式。这样，您不必对所有容器调用 hide 或选择所有容器并调用 hide 方法。

试试这个

.hidden{
   display:none;
}

.hidden .toggle2{
   display:block;
}

//This will add hidden class to the container which will 
//ultimately hide all the inner divs except div with class toggle2
$('#container').addClass('hidden');

You can easily control it through css. Add a hidden class to parent container which will have a display:none style in it. If you don't want display:none for div with class toggle2 then override the style for this element. In this way you dont have to call hide on all the containers or select all the containers and call hide method.

Try this

.hidden{
   display:none;
}

.hidden .toggle2{
   display:block;
}

//This will add hidden class to the container which will 
//ultimately hide all the inner divs except div with class toggle2
$('#container').addClass('hidden');

回复收藏 0 原文

~没有更多了~