Jquery의 $(this).index()를 ---> JS언어로

1. 현재 클릭한 요소의 부모를 찾는다.

function getParentNode(element) {
  return element.parentNode;
}

 

2. Array 객체의 메서드인 indexOf( )로 this가 몇번째 자식인지 찾는다.

function getElementIndex(element) {
  return [].indexOf.call(element.parentNode.children, element);
}

 

 

 

참고 자료

https://velog.io/@awesomelon/jquery-this.index%EB%A5%BC-javascript%EB%A1%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0

 

https://www.it-swarm.dev/ko/javascript/javascript-%ED%81%B4%EB%A6%AD-%EB%90%9C-%EB%B2%84%ED%8A%BC%EC%9D%98-id%EB%A5%BC-%EA%B0%80%EC%A0%B8-%EC%98%A4%EB%8A%94-onclick/972100703/