자바스크립트로 index() 구현

 

클릭된 버튼의 인덱스를 알아햐 하는 상황이었다.

자바스크립트에서는 index()가 없다고....

검색을 하다 이전 형제를 순회하는 방법을 알았는데 인덱스가 다르다.

previousSibling은 공백도 노드로 다 찾는다한다.

콘솔을 확인해 보니 #text 가 나오길래 제외하는 조건을 줬더니 제대로 찾아졌다.

let tg= e.target;// 이벤트가 일어난 요소를 가져옴//
let i=0;//인덱스 받을 변수//
	
	while(tg.previousSibling!=null){ // 이벤트가 일어난 요소의 이전 형제가 null이 아니면//
		tg = tg.previousSibling; //tg변수 값을 치환//
		if(tg.nodeName!='#text'){ //html노드가 아닌 공백 노드를 제외하기 위함//
			i++; // i를 증가//
		}
	}
    
    반복하고 나와서 i의 값이 이벤트가 일어난 요소의 인덱스