У меня есть div, внутри которого много divов, и есть некоторые с id #red
, они разбросаны.
Можно как-то посчитать сколько #red
на странице, и вывести результат в
<.h>Количество: [число]
<./h>?
.status {
background: rgb(32, 32, 32);
background: linear-gradient(145deg, #141414, #2d2d2d);
width: 300px;
height: 100px;
margin-right: 100px;
border-radius: 15px;
padding: 0;
-moz-box-shadow: 0 0 2px #000000a5;
-webkit-box-shadow: 0 0 2px#000000a5;
box-shadow: 0 0 5px #000000a5;
color: #fff;
}
.status h1 {
display: flex;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
margin: 10px;
font-size: 20px;
}
<div class="status">
<h1>Количество: [число]</h1>
</div>
<div class="yama">
<div class="divTable yama_block">
<div class="divTableBody">
<!---1-->
<div class="divTableRow">
<div id="red" class="divTableCell"> </div>
<div id="red" class="divTableCell"> </div>
<div id="red" class="divTableCell"> </div>
<div id="red" class="divTableCell"> </div>
<div id="red" class="divTableCell"> </div>
<div id="red" class="divTableCell"> </div>
<div id="red" class="divTableCell"> </div>
<div id="red" class="divTableCell"> </div>
<div class="divTableCell"> </div>
<div class="divTableCell"> </div>
</div>
</div>
</div>
</div>