[Javascript/JQuery] 행 클릭 시 <tr>의 행 번호 찾기 코드

 

 

---

현재 이벤트가 발생한 행이 몇 번째 행인지 알고 싶을 때 사용했던 코드

 

var idx = -1;

function onClickTb(e) { 

    idx = $(e.target).closest("tr").prevAll().length; 
    
}

 

e.target	현재 이벤트가 발생한 요소. 예를 들어, 사용자가 버튼을 클릭했다면, e.target은 해당 버튼 요소이다.
closest("tr")	e.target에서 가장 가까운 상위의 tr (테이블 행) 요소를 찾는다.
prevAll()	찾은 tr 요소의 이전에 위치한 모든 tr 요소들을 선택한다.
length	선택된 이전 행들의 총 개수를 반환한다.

 

 

---