Javascript 存在重复DIV时隐藏一个元素

如何在存在重复元素时隐藏一个元素

<div class="example">Example</div>
<-- Lot of code here -->
<div class="example">Example</div> <!-- Hide this with CSS: display: none; -->

示例
例子

---

我想我需要一个脚本

，如果您的结构总是这样，元素作为兄弟元素，您可以使用：

.example~.example{
颜色：红色；
}

示例
兄弟姐妹之间的更多代码

示例

如果您的结构总是这样，并且元素是同级元素，则可以使用：

.example~.example{
颜色：红色；
}

示例
兄弟姐妹之间的更多代码

示例

稍微复杂一点的答案。以下解决方案将捕获文档中具有

class

属性的所有元素。它将计算具有指定类的每个元素的数量，并将隐藏除第一个元素外具有相同类的每个元素

var allegerms=document.querySelectorAll（'*'），
元素=[]，
obj={}；
Array.from（allegems）.forEach（v=>v.getAttribute（'class'）？elems.push（v）：null）；
elems.forEach（v=>！obj[v.getAttribute（'class'））]？obj[v.getAttribute（'class'）]=1:obj[v.getAttribute（'class'）]+；
Object.keys（obj.forEach）函数（v）{
var elements=document.getElementsByClassName（v）；
如果（obj[v]>1）{
Array.from（elements）.forEach（v=>v.hidden=true）；
元素[0]。隐藏=false；
}
});
示例
例子
例子
例子
另一个
另一个
独自一人
回答稍微复杂一点。以下解决方案将捕获文档中具有
class
属性的所有元素。它将计算具有指定类的每个元素的数量，并将隐藏除第一个元素外具有相同类的每个元素


var allegerms=document.querySelectorAll（'*'），
元素=[]，
obj={}；
Array.from（allegems）.forEach（v=>v.getAttribute（'class'）？elems.push（v）：null）；
elems.forEach（v=>！obj[v.getAttribute（'class'））]？obj[v.getAttribute（'class'）]=1:obj[v.getAttribute（'class'）]+；
Object.keys（obj.forEach）函数（v）{
var elements=document.getElementsByClassName（v）；
如果（obj[v]>1）{
Array.from（elements）.forEach（v=>v.hidden=true）；
元素[0]。隐藏=false；
}
});
示例
例子
例子
例子
另一个
另一个
单独
要隐藏类“example”的所有div，除了该类的第一个div，您可以使用此jQuery

$('.example:gt(0)').css('display','none');

将类为“example”的所有div显式设置为
display:none
索引大于0。
要隐藏除该类的第一个div之外的所有div，可以使用此jQuery

$('.example:gt(0)').css('display','none');

将类为“example”的所有div显式设置为
display:none的索引大于0。
此问题已得到回答-此问题已得到回答-