Get index of clicked element using pure javascript

by

With ES6 destructuring you can do

const index = [...el.parentElement.children].indexOf(el)

or

const index = Array.from(el.parentElement.children).indexOf(el)

or ES5 version

var index = Array.prototype.slice.call(el.parentElement.children).indexOf(el)

More Related Contents:

  1. How to open javascript menu with click & close with mouse out
  2. How to get children id when I click the parent?
  3. Change background image php loop [closed]
  4. Show/hide ‘div’ using JavaScript
  5. $(document).click() not working correctly on iPhone. jquery [duplicate]
  6. Uncaught ReferenceError: function is not defined with onclick
  7. Get the contents of a table row with a button click
  8. HTML tag want to add both href and onclick working
  9. Javascript onclick function is called immediately (not when clicked)?
  10. Onclick event not firing on jsfiddle.net [closed]
  11. Onclick javascript to make browser go back to previous page?
  12. Why not always use the index as the key in a vue.js for loop?
  13. Leaflet- marker click event works fine but methods of the class are undefined in the callback function
  14. How to completely DISABLE any MOUSE CLICK
  15. Changing button text onclick
  16. Javascript – Dynamically assign onclick event in the loop
  17. addEventListener vs onclick
  18. CSS Animation onClick
  19. javascript onclick happening on page load
  20. Change CSS properties on click
  21. Redirect form to different URL based on select option element
  22. How can I stop an onclick event from firing for parent element when child is clicked?
  23. Change image source with JavaScript
  24. onclick() and onblur() ordering issue
  25. Attribute onclick=”function()” not functioning as intended?
  26. Javascript: Sort array and return an array of indices that indicates the position of the sorted elements with respect to the original elements
  27. Calling onclick on a radiobutton list using javascript
  28. Simulating a click in jQuery/JavaScript on a link
  29. How to track a Google Adwords conversion onclick?
  30. onclick=”location.href=’link.html'” does not load page in Safari

Leave a Comment