Динамическое создание таблицы внутри строки таблицы

Question

У меня есть веб-приложение, которое использует общий генератор 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>'); 
    }); 
});