動態生成表格內部的表格

Question

我有一個Web應用程序，它使用HTML通用控件生成表格。我在動態創建的每行中都有一個按鈕。我的問題是，如何在保存按鈕的相應行下添加新表？

Answer 1

這裏是一個使用jQuery的例子，在純JS中操作表格的經驗有點笨拙。

See on jsFiddle

HTML

<table> 
    <tr> 
     <td><button class="add-table">Add table</button></td> 
    </tr> 
    <tr> 
     <td><button class="add-table">Add table</button></td> 
    </tr> 
</table> 

jQuery的

$(document).ready(function() { 
    $('.add-table').click(function() { 
     $(this).after('<table>\ 
      <tr>\ 
      <td>New table</td>\ 
      </tr>\ 
      </table>'); 
    }); 
});