samedi 18 mai 2019

How to find count of elements by class and calculate on hover?

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