클릭하면 특정 열 테이블에 텍스트 입력을 추가합니다.

Question

저는 jquery 테이블을 매우 새로 도입했습니다. 클릭 한 특정 열에 텍스트 입력을 추가하는 코드가 있습니다.

이

$('#PtptnFileTblId_1').on('click', 'tbody td:not(:first-child)', function (e) { 
     var id = $(this).attr('id'); 
     var file_id = $(this).attr('name'); 
     var code = $(this).text(); 

     var textrowId = $(this).children("td:nth-child(9)"); 
     textrowId.html("<input type='text' id='callerid' name='callerid' style='width:100px;' value=''/>"); 

    }); 

특정 행을 클릭 한 후, 나는 그것의 열 번호 9는 텍스트를 편집 할 날 수 있도록 텍스트 필드를 추가합니다 원하지만 문제는 내 경우, 열은 숫자 9는 .Below 내 코드입니다 내 코드가 작동하지 않는 것 같습니다. 이전에는 동일한 코드를 사용했지만 다른 방법으로 작동했습니다. 위의 코드를 사용하여 도움을 받으십시오. 아무 도움도 크게 환영합니다.

Answer 1

이벤트 처리기에서 $(this)은 클릭 된 셀을 나타냅니다. 당신은 테이블 행 검색 closest('TR')를 사용할 수 있습니다 ....

$('#PtptnFileTblId_1').on('click', 'tbody td:not(:first-child)', function (e) { 
    ... 
    var cell = $(this).closest('TR').children('td:nth-child(9)'); 
    cell.html("<input type='text' id='callerid' name='callerid' style='width:100px;' value='' />"); 
});