복제를 위해 JQuery를 사용하여 명명 된 HTML 테이블의 첫 번째 행 선택

Question

명명 된 특정 테이블의 첫 번째 행 또는 마지막 행을 복사하려고합니다. 나는 많은 수의 컬럼을 가지므로 복제가 가장 좋은 방법이다. I found this code snippet:

var i = 1; 
$("button").click(function() ​​​{ 
    $("table tr:first").clone().find("input").each(function() { 
    $(this).val('').attr('id', function(_, id) { return id + i }); 
    }).end().appendTo("table"); 
    i++; 
})​;​ 

내 문제는 어디를 찾고 있어요 테이블을 지정하려면 선택을 변경하려면 어떻게해야합니까입니까? take a look at this fiddle 인 경우 행을 추가하면 이 하나의 테이블에만을 추가하지만 첫 번째로 사용 가능한 테이블에서 행을 복제하는 것으로 나타납니다. table1에 추가 중이므로 table1의 행만 복사한다고 가정 해 보겠습니다. 어떻게해야합니까?

Answer 1

정의 된 (# table1) 테이블과 (# table2) 테이블로 코드 예제가 업데이트되었습니다.

var i = 1; 
$("button").click(function() ​​​{ 
    $("table#table1 tr:first").clone().find("input").each(function() { 
    $(this).val('').attr('id', function(_, id) { return id + i }); 
    }).end().appendTo("table#table2"); 
    i++; 
})​;​ 

Answer 2

이 시도 :

추가] 행 ID 테이블 "표"와 "테이블"에 대한 :

$("button").click(function() ​​​{ 
    $("#table1 tr:first").clone().find("input").each(function() { 
    $(this).val('').attr('id', function(_, id) { return id + i }); 
    }).end().appendTo("#table1"); 
    i++; 
})​;​ 

ID 테이블 "표 2"와 "테이블"에 대한

추가] 행 :

$("button").click(function() ​​​{ 
    $("#table2 tr:first").clone().find("input").each(function() { 
    $(this).val('').attr('id', function(_, id) { return id + i }); 
    }).end().appendTo("#table2"); 
    i++; 
})​;​