here is html tree:
<div id="wrapper">
<div class="Type1">
<div class="Type1-1">
<div class="Type1-1-1"></div>
<div class="Type1-1-1"></div>
<div class="Type1-1-1"></div>
</div>
<div class="Type1-1">
<div class="Type1-1-2"></div>
<div class="Type1-1-2"></div>
</div>
</div>
<div class="Type2">
<div class="Type2-1">
<div class="Type2-1-1"></div>
<div class="Type2-1-1"></div>
<div class="Type2-1-1"></div>
<div class="Type2-1-1"></div>
<div class="Type2-1-1"></div>
</div>
<div class="Type2-1">
<div class="Type2-1-2"></div>
<div class="Type2-1-2"></div>
<div class="Type2-1-2"></div>
</div>
</div>
<div class="Type3">
<div class="Type3-1">
<div class="Type3-1-1"></div>
<div class="Type3-1-1"></div>
</div>
<div class="Type3-1">
<div class="Type3-1-2"></div>
<div class="Type3-1-2"></div>
<div class="Type3-1-2"></div>
</div>
</div>
<div class="Type4">
<div class="Type4-1">
<div class="Type4-1-1"></div>
<div class="Type4-1-1"></div>
</div>
<div class="Type4-1">
<div class="Type4-1-2"></div>
<div class="Type4-1-2"></div>
</div>
</div>
<button id="Type1">Type1</button>
<button id="Type2">Type2</button>
<button id="Type3">Type3</button>
<button id="Type4">Type3</button>
<button id="Type1-1">Type1-1</button>
<button id="Type2-1">Type2-1</button>
<button id="Type3-1">Type3-1</button>
<button id="Type4-1">Type4-1</button>
<button id="Type1-1-1">Type1-1-1</button>
<button id="Type2-1-1">Type2-1-1</button>
<button id="Type3-1-1">Type3-1-1</button>
<button id="Type4-1-1">Type4-1-1</button>
</div>
<div id="result">Type1 Result</div>
i have a tree, main div's have classes Type1,Type2,Type3,Type4. in main div's we have sub classes and in sub classes we have sub sub classes.
how to get count of same class elements by hovering on relevant buttons? need javascript help.
https://jsfiddle.net/739bL1a4/7/
Aucun commentaire:
Enregistrer un commentaire