Используя функцию .on в jQuery, как получить исходный элемент для события?

У меня был такой код:

$('.remove-group').click(function () {
    $(this).closest('tr').remove();
});

Это работало нормально, пока мне не понадобилось использовать делегированный обработчик событий для захвата кликов по элементам, которые будут добавлены на страницу в будущем.

$(document).on('click', '.remove-group', function () {
    $(this).closest('tr').remove();
});

Это больше не работает, потому чтоthis Ключевое слово не ссылается на исходный элемент.

Есть идеи?

Update

Казалось бы, в моих попытках упростить код для моего вопроса я фактически заставил его работать. Я фактически передавал упакованный набор, который был назначен переменной, а не селектору строк.

var $removeGroup = $('.remove-group');
$(document).on('click', $removeGroup, function () {
    $(this).closest('tr').remove();
});

Кажется, это не работает, когда я делаю это таким образом.

Ответы на вопрос(3)

Ваш ответ на вопрос