Как обратиться к классу элемента, который выводится скриптом?

Question

[Yrets169]

Добрый день, js скриптом выводится в цикле список, в котором есть кнопки типа "Удалить"

tr += '<nav><ul>';
                    $.each(data['users'], function (key, data) {
                            tr += "<li><span>" + data.user + "</span>";
                        
                            tr += " <span class='del_record'> Удалить</span></li>";
                    });
                    tr += '</ul></nav>';
                    $("#users").html(tr);

стандартным способом обратиться к классу class='del_record' Не работает.

$('.del_record').on('click',function(e) {
        e.preventDefault();
////////////
    alert("delete record");
//////////////
    });

Kаков правильный способ обращения к элементу который выводится скриптом?

Answer 1

[volucris1]

document.getElementsByClassName('del_record')
или
document.querySelector('.del_record')