동적으로 테이블의 특정 행의 열을 JQuery를 통해 html로 생성하는 방법

Question

제가 여기 붙어있어서 제발 도와주세요. 나는이

ID | Name | DOB | Action| 

처럼 그리고 난이 작업을 클릭하면, 그 다음은 다음과 같이 표시해야합니다 HTML 테이블,

ID | Name | DOB | Select| Reject| 

여기에 기본 예제에있어이

Answer 1

에서 도와주세요를 당신을 도와 드릴게요.

나는 당신이 그것을 클릭하면, 그것은 각각의 마지막 TD를 제거하도록 내가 두 번째 TD에 클릭 이벤트를 바인더 제본이 TD 그런

<table> 
    <tr><td>1</td><td id='td2'>2</td></tr> 
</table> 

와 테이블, 바이올린을 만든 2 개의 추가 td를 추가합니다. 여기 JQuery와 함수의 : 여기

$('#td2').on("click",function(){ 
    $('tr').each(function(){ 
     $(this).children('td').last().remove(); 
     var myTD = "<td>3</td><td>4</td>"; 
     $(this).append(myTD); 
    }); 
}) 

이있어 jsfiddle : example