比较两个div内容并隐藏元素
可以通过以下步骤实现：
- 获取两个div元素的内容：
- 使用JavaScript的
document.getElementById()方法或其他选择器方法获取两个div元素的引用。 - 使用
innerHTML属性获取div元素的内容。
- 使用JavaScript的
- 比较两个div元素的内容：
- 将获取到的内容进行比较，可以使用JavaScript的字符串比较方法，如
===或==。 - 如果内容相同，则执行隐藏元素的操作；如果内容不同，则不进行任何操作。
- 将获取到的内容进行比较，可以使用JavaScript的字符串比较方法，如
- 隐藏元素：
- 使用CSS的
display属性将元素隐藏，可以将display属性设置为none。 - 通过JavaScript修改元素的
style.display属性实现隐藏。
- 使用CSS的
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.hidden {
display: none;
}
</style>
</head>
<body>
<div id="div1">Hello</div>
<div id="div2">Hello</div>
<script>
var div1 = document.getElementById("div1");
var div2 = document.getElementById("div2");
if (div1.innerHTML === div2.innerHTML) {
div2.classList.add("hidden");
}
</script>
</body>
</html>在上述示例中，我们首先获取了两个div元素的引用，然后比较它们的内容。如果内容相同，我们将给第二个div元素添加一个名为"hidden"的CSS类，该类设置了display: none;，从而隐藏了第二个div元素。
请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。
推荐的腾讯云相关产品：无
希望以上信息能对您有所帮助！
相关·内容
1回答
比较两个div内容并隐藏元素
jquery、toggle
我想隐藏，阅读更多的文本要出现，如果内容是相等的两个div。如果.less-cont和.more-cont的内容等于隐藏.more。敬请指教 <div class="col-md-12"><strong>subject</strong>&l
浏览 7提问于2021-05-17得票数 0
3回答
如何将两个类与jquery进行比较？
html、jquery、css、class
如果两个类相等于显示内容，我想比较它们。我有三个btn，三个不同的类，另外三个div有三个类似于按钮的类。我希望检查Over按钮是否等于div上的元素，然后显示div上方的元素，并隐藏其他元素，当我单击下面的按钮时，我尝试使用Jquery进行比较，首先从该按钮中获取类名，然后从div中获取类名，然后将它们相互比较>
<
浏览 4提问于2022-03-22得票数 0
回答已采纳
1回答
jQuery/JavaScript:比较两个元素及其属性
javascript、jquery、html
和解释了如何比较两个jQuery元素/对象的内容？<div id="A" width="200" height="200" style="stuff"></div><div id="B" w
浏览 0提问于2019-02-06得票数 0
回答已采纳
1回答
在同一等分格中渲染内容的有效方法
javascript、html、performance、render
假设我有一个HTML元素，我想根据某些条件在这个div中放一些内容。就像有两个按钮一样，如果用户单击button_a，那么这个div将有一些内容A，如果用户单击button_b，则显示内容B。有两种方法:-
制作两个div，一个是内容A，另一个
浏览 2提问于2012-09-23得票数 1
回答已采纳
1回答
比较数组结果，然后揭开音频元素
javascript、c#、html、model-view-controller
我正在尝试比较两个数组的结果，然后使相应的元素可见。 alert(vals);
我希望能够比较‘values’和'audionodes‘的值，然后取消隐藏相应的音频元素。例如，如果luis fonzi - despacit
浏览 3提问于2019-01-07得票数 0
25回答
如何将两组1000个数字相互比较？
php、javascript、sql、algorithm
我加载了它们，并在服务器端对它们进行了比较： foreach( $numbers2 as $n2 ) { doBla(); }这花费了很长时间，所以我尝试使用两个隐藏的div元素在客户端进行相同的比较。然后使用JavaScript对它们进行比较。加载页面仍然需要45秒(使用隐藏的div
浏览 2提问于2010-10-15得票数 64
回答已采纳
3回答
使用jQuery隐藏父div并显示另一个
jquery
我有一个容器，它有几个带有内容的div。我需要能够点击“切换”元素，并隐藏这个父div，同时显示新的div是隐藏在下面。我想用click event来实现，但我不确定如何定位这两个div。$('.change').click(function() {
$(this).parent("div").hide().next("div</
浏览 3提问于2011-03-24得票数 0
回答已采纳
2回答
我们有一个details和summary元素，它包含一些div元素，如下所示：<details open> <div>Thiscontent is display</div>
<div class="hidden">This content is NOT displayed</<e
浏览 14提问于2022-09-06得票数 -3
回答已采纳
1回答
Selenium getText()方法与元素innerText性质的区别
selenium-webdriver、java
我试图使用Selenium getText()方法并使用元素的innerText属性获取元素的文本，并比较输出。HTML代码： <h1> DEF <p> Demo Shot <span> Taken by me </span></p> </h1>
</div>getAttribute
浏览 0提问于2020-09-25得票数 2
回答已采纳
2回答
如何显示列表的单个隐藏元素并隐藏其余元素
javascript、html、reactjs、conditional-statements、render
我有一个元素的列列表，每个元素都有隐藏的div，我想在单击时显示隐藏的元素，但当我单击另一个div时，我想隐藏当前并显示我上次单击的那个，我如何才能正确地做到这一点？
浏览 21提问于2020-06-23得票数 0
1回答
方法使用箭头位于顶部的jQuery显示div。
javascript、jquery、html、css
我希望找出是否有一个库或更好的方法来实现在菜单或任何其他项目下显示div元素，但是使用创建的div中的小箭头指向调用悬停的元素。
我目前的解决方案很好，但我觉得有点麻烦。默认情况下，我已经创建了所有的Div并隐藏了它们。多个Div的原因是我不能引用假冒伪劣元素来移动箭头的位置。因此，在隐藏了所有DIV的内容之后，我使用了一个开关，传入调用悬停的元素的ID，并在<e
浏览 2提问于2014-09-16得票数 2
回答已采纳
2回答
隐藏除特定子元素内容之外的所有元素
html、css
我如何隐藏某个特定元素的所有内容，而不是某个特定子元素的内容？我希望它们是可见的，并使用visibility保留隐藏内容的空间。: hidden#test2 {} display: none#test4 {}
<divid="test1">
浏览 0提问于2015-07-26得票数 0
1回答
如何从包含多个元素和类的div容器中删除一个css类？
javascript、html、css
我希望获得属于两个特定不同类的所有元素，并从这些元素中分别删除和添加这些类。concealed">myText</div><br> <div class="slide"><div class="concealed">myText</div></div><br> <div<
浏览 1提问于2019-09-15得票数 2
回答已采纳
2回答
如何隐藏由于溢出x:隐藏而没有完全显示的元素？
css、overflow
我有一个列表的项目，是水平显示在div限制的最大宽度。为了隐藏不适合的元素，div具有属性overflow:隐藏。然而，有时，一个项目开始显示，并突然被削减在中间。这太丑了。两个div之间都有一个合理的内容:空格。正如你所看到的，有一个棕色的小圆突然被割断了。
如何删除未完全显示的元素？
浏览 5提问于2020-02-03得票数 1
回答已采纳
1回答
在Javascript/JQuery中返回div位置的x值
javascript、jquery、css
基本上，我有一个无序列表，每个列表元素都有一个div，可以在列表元素中左右滑动。所有这些都很好用，但我希望能够比较div的x位置，这样如果x轴上有任何两个重叠，它们都会变成红色。console.log(job.width()+" "+job.css("left"));}
我的想法是，如果我能得到一个的左边，我可以将它加上它的宽度与它的兄弟的左边进行比较job.css("left")返回
浏览 3提问于2013-04-16得票数 0
回答已采纳
2回答
一旦没有关联元素，就自动隐藏按钮
javascript、html、css
我有一个包含几个元素的列表，以及一些可以隐藏/显示这些元素的控制按钮。有些按钮只控制一个元素，而另一些按钮则有多个元素。我的代码是做什么的：
Button01隐藏/显示ElementX和ElementY，Button02隐藏/只显示ElementY。一旦Button01被单击，两个元素都被隐藏，单击Button02将不会更改任何内容，直到再次单击Button01。我想做
浏览 15提问于2022-07-10得票数 0
3回答
如何复制div及其内容，并将其附加到其他位置，但保持原始隐藏
javascript、jquery、css
我有一个div元素，如下所示：默认情况下，它在页面加载时是隐藏的或display:none。我知道我想将这个div和它的内容附加到其他地方，并使它可见，但原始文件应该保持不可见(或者我可以删除它)。我目前正在添加它，但它显示在两个地方。
浏览 0提问于2012-06-21得票数 0
3回答
切换div显示样式不起作用
javascript、jquery
我希望当第一次加载我的页面时，<div class="col-md-9 column" id="c9" >将是活动的，但随后我单击了切换按钮，然后class="col-md-9 column" id="c9"转到隐藏和 $('#c12').h
浏览 0提问于2014-02-20得票数 0
3回答
跳转到页中关于散列表的部分
javascript、jquery、html、hashtag
事情是这样的第一个div是一个具有隐藏第一个div的按钮的介绍性页面，并显示第二个div.Second div是该页面的主要内容如果用户附带了一个没有hashtag的url，那么将显示第一个div ( intro )，但是在url .In中有可能带有一个hashta
浏览 0提问于2013-10-08得票数 1
回答已采纳
2回答
Jquery:如果列表元素离开屏幕就隐藏它们
javascript、jquery、html、list
如果将来我希望向列表中添加更多的图标，它们最终会离开页面，我希望隐藏重叠的图标，并有按钮隐藏当前可见的x个图标数，并显示第二个x个图标数。基本上，我现在的问题是:如果一个项目列表从屏幕上溢出，我如何找到不合适的元素并将它们隐藏起来？
浏览 4提问于2013-04-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
