Fastest way to find the index of a child node in parent

Answer 1

Year 2020 - A solution if you're using Tables - Clean Vanilla JS approach

Credit goes to: Alain Cruz

Source: https://stackoverflow.com/a/58845058/3626361 (leave him an Up vote if it helped you)

Question: How to return the row and column index of a table cell by clicking?

const cells = document.querySelectorAll('td');
cells.forEach(cell => {
  cell.addEventListener('click', () =>
    console.log("Row index: " + cell.closest('tr').rowIndex + " | Column index: " + cell.cellIndex));
});

  

    
0:0
    
0:1
    
0:2
    
0:3
  
  

    
1:0
    
1:1
    
1:2
    
1:3
  
  

    
2:0
    
2:1
    
2:2
    
2:3
  

Cheers! Stefano