计算 div 数并显示 1

Question

如何计算具有相同名称的 div 并仅显示一个，而不会在其他 div 上显示？这是div

<div class="add_icon">
I get 3 and I would like to count them and if there are 3 to display only one

Answer 1

您可以获得所有这些并且：let divs = document.getElementsByClassName('add_icon') let divs_count = divs.length

Answer 2

如何统计同名div的个数let icons = document.getElementsByClassName('add_icon')let countIcons = icons.length-1;并且只显示一个。你的意思是只显示最后一个还是什么？icons[countIcons].style.display = 'block';并在其他任何一个上都没有显示&nbsp; &nbsp; <style>&nbsp; &nbsp; &nbsp; &nbsp; .add_icon{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: none;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; </style>

Answer 3

就像是：//Hide all divsfor(let i=0;i<document.querySelectorAll(".add_icon").length;i++){&nbsp; &nbsp;document.querySelectorAll(".add_icon")[i].style.display = "none";}//Go back and show the very first onedocument.querySelector(".add_icon").style.display = "block";这将隐藏所有带有 .add_icon 类的 div，然后返回并显示第一个。您提到想要计数，所以如果您想将其用于某些用途，您可以这样做：let divCount = document.querySelectorAll(".add_icon").length;

Answer 4

&nbsp; &nbsp;let divs = document.getElementsByClassName('add_icon');&nbsp; &nbsp; for(let i = 0; i < divs.length; i++){&nbsp; //Display the first div and hide the rest&nbsp; &nbsp;if(i == 0)&nbsp; &nbsp; divs[i].style.display = 'block';&nbsp; &nbsp;else&nbsp; &nbsp; divs[i].style.display = 'none';&nbsp; &nbsp;}