jQuery:如何隐藏div中除2个特定元素之外的所有内容
在jQuery中，可以使用选择器和方法来隐藏除了两个特定元素之外的所有内容。
首先，使用选择器选择要隐藏的元素。可以使用类选择器、ID选择器或其他选择器来选择要隐藏的元素。例如，如果要隐藏除了ID为"element1"和"element2"的元素之外的所有内容，可以使用以下代码：
$("div:not(#element1, #element2)").hide();上述代码中，$("div:not(#element1, #element2)")选择了除了ID为"element1"和"element2"的div元素之外的所有div元素。然后，使用.hide()方法来隐藏这些元素。
如果要隐藏除了特定类名为"class1"和"class2"的元素之外的所有内容，可以使用以下代码：
$("div:not(.class1, .class2)").hide();上述代码中，$("div:not(.class1, .class2)")选择了除了类名为"class1"和"class2"的div元素之外的所有div元素。
这样，除了特定的元素之外，其他的内容都会被隐藏起来。
请注意，以上代码中的选择器可以根据实际情况进行修改，以适应不同的HTML结构和要隐藏的元素。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法提供相关链接。但是，腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。
相关·内容
3回答
对具有相同属性的不同元素应用不同的css
html、css
假设我有两个HTML元素: element1和element2。它们是动态创建的，因此我不能使用ID：
<element1 class='class1' selected="true" ...[other_attributes]...>
<element1 class='class1' selected="true" ...[other_attributes]...>
<element1 class='class1' selected="false"...[other_
浏览 2提问于2013-03-08得票数 0
回答已采纳
3回答
我有一个关于显示/隐藏功能的问题
javascript、show-hide
我有一个关于带有多个类的div的显示/隐藏函数的问题 所以我有4个按钮和4个类，我知道如何显示/隐藏只有一个类的div…… <button id="button1"></button>
<button id="button2"></button>
<button id="button3"></button>
<button id="button4"></button>
<div class="class1"&g
浏览 39提问于2020-08-07得票数 0
3回答
在jQuery中，将函数应用于单个元素还是应用于集合在效率上有区别吗？
javascript、jquery、optimization
假设您可以选择将函数应用于单个DOM元素或一组DOM元素：
个人：
$('#element1').click(function () {
$(this).hide();
return false;
});
$('#element2').click(function () {
$(this).hide();
return false;
});
$('#element3').click(function () {
$(this).hide();
return false;
});
Vs
浏览 1提问于2012-10-12得票数 3
回答已采纳
var $domObject = $("#element1");
//var $compain = $("#element2",element1);//its not working
var $compain = $([element1,$("#element2")[0]]); // its working but two time call jquery||$.
$compain.hide();
浏览 0提问于2016-04-07得票数 0
3回答
函数，用于在单击和取消焦点时添加和移除样式。
javascript、jquery
我正在尝试实现一个函数，它可以在单击时改变元素的样式，并在脱离焦点时删除它。对于示例:当单击element2时，它应该删除其他元素的类，并且只将类添加到单击元素中。
<div class="dope" id="element777"></div>
<div class="dope" id="element2"></div>
<div class="dope" id="element11"></div>
<div class
浏览 4提问于2014-05-19得票数 1
回答已采纳
6回答
隐藏添加了两个样式类的div
jquery
我有一个添加了两个类的div，现在我想完全隐藏这个div (而这个div没有任何id)。
例如
<div class="class1 class2">
Hello!!
</div>
有人能建议一下如何实现这一点吗？
谢谢
浏览 0提问于2011-07-11得票数 2
回答已采纳
1回答
对不会执行的html元素调用jQuery方法
jquery、methods、syntax
我想知道人们使用这种方法有多普遍，是否可以练习。
例如，我有
$('.class1').on('click', function() {
$('.class1, .class2, .class3').hide().off();
x = 50;
});
.class1和.class2都需要.hide()和.off()方法。
.class3只需要.hide()方法。.class3是一个输入字段，在我的程序中从不使用单击函数。
就这样写在上面可以吗？
还是我应该这样写？
$('.class1').on('cl
浏览 2提问于2013-12-28得票数 0
回答已采纳
6回答
如何忽略css类
jquery、css
可以忽略CSS值吗？
我有两个div：
<div id="div1" class="class1 class2">
</div>
<div id="div2" class="class1">
</div>
css类可以只应用于使用class1样式的div吗?如果它们包含class2，那么可以忽略它？因此，在上面的div1中，只有div2使用class1样式，因为div1也使用class2样式。
浏览 0提问于2012-08-31得票数 5
回答已采纳
3回答
在移除/添加类之前和元素之后
jquery、html、class
我试图从div内容中删除两个类：
<div class="content">
<div class="1 hide">class1</div>
<div class="2">class2</div>
<div class="3 hide">class3</div>
</div>
<div class="content">
<div class="1 hide">class1
浏览 3提问于2014-10-06得票数 0
回答已采纳
3回答
我想知道是否有一个CSS选择器可以用来选择所有的后代，直到遇到某个标签。
因此，例如，在下面的DOM结构中，我想在"id1“中添加一个选择器，这样它就可以对所有后代进行向上的样式设置，但不包括"id4”。换句话说，对应于class1和class2的div。我事先知道id1和id4，但我不知道class1和class2 (在我点击“id4”之前，链中可能还有更多的东西)。我希望将样式应用于与class1和class2相对应的div，但没有其他的。基本上，应用程序div已经将它们的位置设置为某个位置，我希望能够保持这种状态，只需修改对应于class1和class2的div的位置即可
浏览 0提问于2016-04-27得票数 0
回答已采纳
1回答
在Selenium中具有相同类和不同类的元素之间如何区分？
python、selenium
因此，我尝试用类在selenium中描述两个元素：element1具有class1和class2，element2具有class1、class2和class3。我这样描述element1： element1 = driver.find_elements_by_css_selector(.class1.class2)[0] 但是当我的脚本运行时，element1以某种方式包含了element2。我如何描述这些元素，使它们有所不同？(xpath不适用，因为这些是日历单元格，我需要在不为每个单元格编写描述的情况下访问所有单元格)。
浏览 32提问于2020-01-07得票数 0
回答已采纳
3回答
jquery添加了类，但chrome不呈现
jquery、css、google-chrome
css代码
#id .class1 .class2 .a{max-height:20px}
.b{max-height:100px}
我使用jquery将一个类'b‘添加到具有类'a’的元素中，但chrome不会呈现它。但如果我写
#id .class1 .class2 .b{max-height:100px}
chrome会渲染它。
我只想知道为什么
浏览 2提问于2013-04-21得票数 1
回答已采纳
2回答
用于隐藏某些类型的列表项的jQuery
jquery、hide、listitem
我有一个小小的图片库，里面有一堆不同类型的图片。
我希望有显示/隐藏不同类型图像的选项，以及显示所有类型的选项。做这件事最好的方法是什么？
这是它的HTML。
<div id="categories">
<a id="category_all" href="#all"><img src="all.png" /></a>
<a id="category_type1" href="#type1"><img src="typ
浏览 1提问于2010-12-11得票数 0
回答已采纳
在做一些研究时，我在CSS文件中看到了以下代码：
#element1{
overflow: hidden;
width: 880px;
height: 32px;
padding: 5px 30px;
background: #c82c74;
border-bottom: 1px solid #870843;}
#element1 #element2{
float: left;
width: 400px;
padding-right: 25px;
margin: 0;
padding: 0;}
如您所见，element1的ID有自己的一组属性和值，然后再次与element2一起使
浏览 0提问于2013-07-17得票数 0
2回答
因此，我有一个带有div的html文档，其中包含类class1和class2。如果我想将某个函数应用于所有div，除了我刚才单击的函数(即jQuery )以及所有带有.class1和class2的函数，那么正确的.class1语法是什么？(顺便说一句，$(this)不需要拥有这两个类。)
我尝试过各种组合，例如
$('div').not($('.class1,.class2',this)).addClass('class3');
但似乎都不起作用。
非常感谢！
浏览 3提问于2017-04-18得票数 0
回答已采纳
4回答
在同一类中的多个元素上使用jQuery .text()
javascript、jquery、dom
我尝试在一个页面上的多个(未知数量)元素上使用.text()。
考虑一下：
<div class="myClass">element1</div>
<div class="myClass">element2</div>
<div class="myClass">element3</div>
和
$(document).ready(function(){
$( ".myClass" ).click(function() {
var tex
浏览 2提问于2016-01-16得票数 0
1回答
如何通过Scrollintoview()查看组的第一个元素？
javascript、html、js-scrollintoview
我正在尝试制作一些简单的按钮来隐藏组中的一些元素，然后在单击这些元素时制作一些scrollIntoView按钮来查看这些元素的“第一个”可见实例。隐藏函数可以正常工作，但是查看函数总是指向同一个类名的最后一个元素。怎样才能让他们进入第一批？我对javascript没有经验，所以如果我的代码重复太多，我很抱歉。以下是HTML部分：
<div class="element1 a">Element 1A</div>
<div class="element1 b">Element 1B</div>
<div clas
浏览 3提问于2021-11-04得票数 0
回答已采纳
5回答
更改HTML元素的可见性
javascript、jquery、html、css
我想要更改HTML元素的可见性，除了一些特定的元素。有没有人能帮我一下？
$('body > :not(#averageCustomerReviews)').hide(); //this hid everything
$('#averageCustomerReviews').appendTo('body'); //but this changed the position
例如，我有这个。我只想查看
在它现在所在的地方，隐藏所有其他元素。
浏览 0提问于2013-12-11得票数 0
5回答
jquery:排除子对象
jquery
我知道这个问题已经被问了无数次，我已经尝试了所有的建议，并阅读了所有关于不同选择器的信息，等等，但对我来说没有什么是有效的。
给出下面这段HTML：
<div class="class1">
<p>
<a>link</a>
</p>
<div class="class2 class3">
<p>
<font>
<a>link2</a>
</font>
<
浏览 0提问于2010-07-10得票数 9
1回答
如何在拖放div1时恢复div2？
jquery、jquery-ui-draggable、jquery-ui-droppable
我正在尝试创建一个脚本(请参阅代码片段)，以便在删除element1时恢复element2。
我正在使用jQuery、drag和drop函数。
现在有一个Reset按钮，它重置所有元素。不过，我不喜欢这样。
我不想重设所有元素。
相反，我希望element1在element2被丢弃时被恢复(反之亦然)。
下面是我希望还原函数如何工作的图像(下面的符号描述箭头)：
Arrow 1: element1被拖放到drop区域。
Arrow 2: element2正在被拖动。
Arrow 3: element1在删除element2时被恢复。
你能帮我吗？
代码片段：
浏览 1提问于2017-01-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
