Не работают кнопки подгруженные на страницу через ajax?

Question

[Алексей Мерзляков]

Есть на странице много кнопок
<button id="reply_номер_кнопки">Ответить</button>

Обрабатываю кнопки следующим образом

$('button[id^="reply_"]').on( 'click', function(){
        var id = this.id.slice(6);
       ...
    });

Есть также где ajax-ом добавляются новые кнопки
$("#comments_"+id).prepend(text);

После добавления кнопки ajax-ом, по нажатию она не работает. Как заставить ее работать?
Каждая кнопка имеет уникальный id. Количество кнопок на странице тоже неизвестно.
Пробовал сделать следующим образом,

$('body').on( 'click', 'button[id^="reply_"]', function(){
        var id = this.id.slice(6);
       ...
    });

не работает

Если присвоить класс кнопке и обрабатывать по классу, то внутри обработчика не возможно получить уникальный id кнопки.

Comments

[Евгений Самойленко]

Приведите код полностью.

Вопросы:
1. Следите ли за уникальностью?
2. Верно ли генерируете селекторы.
3. Верно ли к ним потом обращаетесь.

Претензии:
1.Оборачивайте код в теги.
2. много кнопок - это не понятно, может быть 2, а может и миллион.

Answer 1

[Rsa97]

Если присвоить класс кнопке и обрабатывать по классу, то внутри обработчика не возможно получить уникальный id кнопки.

Почему? $(this).attr('id')
https://jsfiddle.net/7busyoe4/
Но, IMHO, для таких целей лучше использовать не id, а data-id.