How do you know the number of "children" in a class?

Question

How do you know the number of "children" in a class?

Navigation

#1 by (7 votes)

2

For example, using for :

var children = numero_de_filhos_de_uma_classe_qualquer;
for (i = 0; i <= (children); i++){
    document.getElementsByClassName("classe")[i];
}

HTML

<div class="classe" ></div> // Filho Número 1
<div class="classe" ></div> // Filho Número 2
<div class="classe" ></div> // Filho Número 3
<div class="classe" ></div> // Filho Número 4

Is there any way to do this?

javascript html html5

asked by anonymous 11.07.2014 / 20:43

1 answer

How to push local folder to GitHub Quantity of a given character contained in a StringBuilder

score 7 · Accepted Answer

You can use .children to count the number of children in a class, for example:

Example: JSFiddle

HTML

<div id="classe">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

JavaScript

var minhaClasse = document.getElementById('classe');
alert(minhaClasse.children.length);

After editing the question

Example 2

filhos = document.getElementsByClassName('classe');
for(var i = 0; i < filhos.length; i++){
 console.log(filhos[i]);
}

Or, to stay closest to your question

Example 3

HTML

<div id="pai">
    <div class="classe" >Filho número 1</div> 
    <div class="classe" >Filho número 2</div> 
    <div class="classe" >Filho número 3</div> 
    <div class="classe" >Filho número 4</div>
</div>

JavaScript

var pai = document.getElementById('pai');
var filhos = pai.children.length;

for(var i = 0; i < filhos; i++){
    console.log(document.getElementsByClassName("classe")[i]);
}