선택한 행을 다른 테이블로 전송

Question

I는 데이터베이스에서 데이터를 가져 와서 확인란으로 테이블에 표시합니다. 내가 무엇
원하는 행이 두 번째 테이블로 이동해야합니다. 거기에 내 js와 뭔가 잘못 됐어 그리고 그것을 알아낼 수 없습니다. 작동하지 않습니다. 여기에 코드 여기

$result=mysql_query($query) 
or die('Error executing query'.mysql_error()); 

echo "<table id='tbl1' style='border: solid 1px red'>"; 
    echo "<tr><td>File Name"; 
    echo "<td>File Size"; 
    echo "<td>Date Modified</td></tr>"; 

while($row=mysql_fetch_array($result)) 
{ 

echo"<tr><td><input type='checkbox' class='chkclass' name='' value='$row[fid]' />"; 
echo "$row[file_path]"; 
echo "<td>$row[file_size]"; 
echo "<td>$row[file_modified]</td>"; 
} 
echo"</table>"; 

    echo "<table id='tbl2' style='border: solid 1px blue; margin-top: 10px'>"; 
    echo"</table>"; 

는 JS 코드 것입니다 :

(function(){ 
     $("#tbl1 input:checkbox.chkclass").click(function(){ 
     if ($(this).is(":checked")) 
      { 
      $(this).closest("tr").clone().appendTo("#tbl2"); 
      } 
     else 
      { 
      var index = $(this).closest("tr").attr("data-index"); 
      var findRow = $("#tbl2 tr[data-index='" + index + "']"); 
      findRow.remove(); 
     } 
     }); 
     }); 

Answer 1

문제의 부부는 코드

1) 당신은 당신의 <td> 제대로

을 폐쇄하지 않습니다에있다 2)data-index 속성을 01에 사용하고 있지 않습니다.<tr>

html이

<table id='tbl1' style='border: solid 1px red'> 
    <tr> 
     <td>File Name</td> 
     <td>File Size</td> 
     <td>Date Modified</td> 
    </tr> 

    <tr data-index="5"> 
     <td> 
      <input type='checkbox' class='chkclass' name='' value='1' />  
     </td> 
     <td>500,b</td> 
     <td>yes</td> 
    </tr> 
</table> 

    <table id='tbl2' style='border: solid 1px blue; margin-top: 10px'> 
    </table> 

EXAMPLE

같아야