Вставить строку в таблицу jQuery

Question

У меня есть таблица со строкой сначала , и пользователи могут вводить некоторую информацию в эту строку, и после нажатия кнопки добавления строка будет содержать информацию в виде новой строки и показать в таблице как: здесь код, который я пишу:

var insert_html='<tr><td>'+attr.title + '</td><td>' + attr.attribute + '</td><td>' + attr.value + '</td> <td>literal_eval</td> <td class="delete_button"> <button class="delete_attr">delete</button> </td></tr>'; 
    $(insert_html).insertBefore($(this).closest('tr')); 

, но если я хочу, чтобы добавить еще один ряд постоянно, она не сможет здесь это деталь:

https://jsfiddle.net/m8a0v9y8/

Работает в jsfiddle, но когда я использую его в своем большом проекте, каждый раз, когда я нажимаю кнопку add, страница обновляется автоматически.

поэтому я пройти шаг за шагом в инструментах разработчика Chrome, после того, как первое все показывает нормально, как же, как и в jsfiddle, можно добавить новую вставку строки перед входной строкой затем обновить страницу автоматически

Answer 1

Похоже, ваша переменная insert_html не указала тег строки таблицы открытия. Это должно быть:

var insert_html='<tr><td>'+attr.title + '</td><td>' + attr.attribute + '</td><td>' + attr.value + '</td> <td>literal_eval</td> <td class="delete_button"> <button class="delete_attr">delete</button> </td></tr>'; 

Неправильная ссылка jsfiddle.