добавить кнопку с действием и атрибутами

Question

Я делаю таблицу, где он получает некоторые данные из MySQL и отображает их. Пользователь добавляет информацию и данные добавляется и добавляется с помощью Ajax.

Проблема в том, что каждая строка таблицы содержит кнопку удаления. И, добавив новую строку, я, наконец, смог добавить с ней кнопку.

Но эта кнопка не выполняет никаких действий, пока я не обновляю страницу. Если мы возьмем facebook. Когда новый статус или фотографии добавляются, их несколько кнопок с действиями, которые прилагаются. Итак, как добавить кнопку с ее действием.

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

Чтобы добавить кнопку с новой строки:

var btn = '<button type="Button" id="delete">Delete</button>'; 

$("#before_tr").before("<tr><td>"+name+"</td><td>"+address+"</td><td>"+phone+"</td><td>"+btn+"</td></tr>"); 

Answer 1

Как вы создаете элементы динамически.

Вам необходимо использовать Event Delegation. Вы должны использовать .on(), используя подход с делегированными событиями.

Делегированные события имеют то преимущество, что они могут обрабатывать события из элементов-потомков, которые будут добавлены в документ позднее.

Общий синтаксис

$(staticParentElement).on('event','selector',callback_function) 

Добавьте класс, так как идентификаторы в HTML должны быть уникальными

var btn = '<button type="Button" class="delete">Delete</button>'; 

Пример

$(document).on('click', ".delete", function(){ 
    //code to remove row 
    $(this).closest('tr').remove(); 
}); 

Примечание: Вместо document вы должны использовать ближайший статический контейнер.

Answer 2

Вы можете использовать Javascript.

var btn = '<button onClick="return confirm('Delete $id ?') type="Button" id="delete">Delete</button>';