如何複製和使用jQuery/JavaScript的

Question

插入錶行我有以下結構

<table id='table1'> 
    <tbody> 
     <tr id='rowa'> 
      <td><select>....</select></td> 
     <tr> 
     ... 
     <tr id='rowx'> 
      <td>....</td> 
     </tr> 
     ... 
     <tr id='rowz'> 
     </tr> 
    </tbody> 
</table> 

我想要做的是一個按鈕，單擊表，我想複製ROWA並將其插入在rowx之前。

什麼我目前做的是

<script type='text/javascript'> 
    function copyRow() { 
     var row = $('#rowa').clone(); 
     $('#rowx').before(row); 
    } 
</script> 

這似乎顯示一行x前新建成的行，但是當我試圖訪問一個新行，這是行不通的。我的意思是沒有工作，因爲選擇輸入項目不像選擇項目，它的行爲就像靜態文本。

其他地方在頁面上我有

<a href='javascript:copyRow()'><img src='images/copyrow.png' title='Copy Row' /></a> 

對不起！我應該明確指出，當用戶點擊頁面上其他地方的鏈接時，會調用copyRow。

Answer 1

選中此http://jsbin.com/owivin/1/。

JS：

$(document).ready(function(){ 
    $("#rowx").before($("#rowa").clone()); 
}); 

您的代碼不工作，因爲你永遠不叫copyRow()。我把它放在document.ready()中，以便在文檔準備就緒時運行！