<TR> onclick 이벤트에서 선택한 <TD>의 index를 얻어보자

TR event에서 선택한 TD 인덱스를 가져오고자 할 때

row 를 클릭했을 때 각 column 마다 해당 위치에 맞게 동작을 달리하고 싶다. 이럴때 td의 인덱스가 필요하다.

// double click
$('#table tbody').on('dblclick', 'tr', function (e) {
    var cellindex =  e.target.cellIndex;    
    // exclude delete/ move cell
    if(cellindex != 5){
        var data = new Array();
        var td = $(this).children();
        td.each(function(i){
            data.push(td.eq(i).text());
        }); 
        displayPop(this.rowIndex,data,'수정');
    }
});

1. on click event 안에 event e를 parameter로 가지는 function을 정의한다.
2. e.target 을 통해 event가 전달한 객체에 접근한다
3. TableData의 cellIndex를 가져온다 ( index의 시작 : 0 )
4. 해당 인덱스에 맞는 행위를 정의한다
5. happy하다.