Calculate Div's Position Within A Div

Good day, I need some help in JS please. Say I have this HTML:

Solution 1:

You need to send the current clicked element to the function like

<div onclick="countPos(this)"></div> 

Then in the function you can create an array of the elements inside the parent then find the index.

function countPos(elem){
  var nodeList = Array.prototype.slice.call( elem.parentNode.children );
  var index = nodeList.indexOf( elem ) + 1;
  // do your stuff with index
}

FIDDLE

Solution 2:

I would suggest giving each div an id, and passing that value to the JS function. Something like...

<div>
   <div id="div1" onclick="countPos(this.id)"></div>
   <div id="div2" onclick="countPos(this.id)"></div>
   <div id="div3" onclick="countPos(this.id)"></div>
</div>

Share

You may like these posts

• 
  Given An X,y Coordinate, I Need To Find All Html Elements Underneath It
• 
  Set The Caret Position Always To End In Contenteditable Div
• 
  Js Pagex And Pagey Take The Coordinate Plus The Margin Of Relative Position Div?
• 
  Positioning Buttons Next To Image