[javascript] 요소의 순서 구하기

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

$(this).index()를 javascript로 만들기[JS]

나는 참고 링크에서 사용하는 부분만 긁어왔다. 원글이 친절히 순서대로 설명되어 있으니 한번은 읽어보길 권장합니당

 

getElementIndex : 현재 클릭한 요소의 index값 구하는 함수

btn 클릭 시 getElementIndex 함수에 (비교할 대상, 찾을 요소) 를 인자로 넣어 index를 찾는다

var btn = document.querySelectorAll('.btn');

[].forEach.call(btn, function(e){ 
  e.addEventListener("click", function(){
  	console.log(getElementIndex(btn, e));
  }, false); 
});

function getElementIndex(e, range) {
  if (!!range) return [].indexOf.call(e, range);
  return [].indexOf.call(e.parentNode.children, e);
}