计算 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';

并在其他任何一个上都没有显示

    <style>

        .add_icon{

            display: none;

        }

    </style>

Answer 3

就像是：

//Hide all divs

for(let i=0;i<document.querySelectorAll(".add_icon").length;i++)

{   document.querySelectorAll(".add_icon")[i].style.display = "none";

}

//Go back and show the very first one

document.querySelector(".add_icon").style.display = "block";

这将隐藏所有带有 .add_icon 类的 div，然后返回并显示第一个。

您提到想要计数，所以如果您想将其用于某些用途，您可以这样做：

let divCount = document.querySelectorAll(".add_icon").length;

Answer 4

   let divs = document.getElementsByClassName('add_icon');

    for(let i = 0; i < divs.length; i++){

  //Display the first div and hide the rest

   if(i == 0)

    divs[i].style.display = 'block';

   else

    divs[i].style.display = 'none';

   }