함수 [onClick]의 테이블에 새 행을 추가하고 새 행을 제외한 모든 행에서이 속성을 제거하는 방법

Question

새 행을 추가하는 코드를 작성하고 해당 행을 클릭하면 (onClick) 속성을 제거합니다. ,

<script type="text/javascript"> 
function insert_tr(){ 
    $(this).removeAttr('onClick'); //jQuery inside javascript function 
    console.log("text:"+$(this).find('td').attr('onClick')); 
     $('#table_insert').append('<tr onClick="insert_tr()"><td>Word :</td><td > <input type="text" id="word_text" ></input></td><td>Definition :</td><td><input type="text" id="def_text" ></input></td></tr>'); 
} 
</script> 

을하지만이 작동하지 않습니다 테이블의 기존 행은

<table style="vertical-align:middle;margin:20px;" id="table_insert"> 
<tr id="tra" > 
    <td >Word :</td><td onClick="insert_tr()"> <input type="text" id='word_text' ></input></td> 
    <td>Definition :</td><td><input type="text" id='def_text' ></input></td> 
</tr> 
</table> 

이 새 행을 추가하는 기능은, 새로운 추가 된 행에 이전에서 attr에 onclick을 제거하고 추가입니다 콘솔 화면에서 [text : undefined]를 인쇄합니다. 어떻게 해결할 수 있습니까? !!

Answer 1

$(this) - 여기 이것은 창 개체 아닌 요소는 기능

onClick="insert_tr(this)" 

/

function insert_tr(elem){ 
    $(elem).removeAttr('onClick'); //jQuery inside javascript function 
    // Your code here 
}