动态创建按钮触发事件

Question

我正在使用JSON获取一些数据。根据数据创建HTML表。每个项目都有按钮。当我单击特定按钮时，我想显示带有按钮ID的警报窗口。

这是我获取数据并填充HTML表的方式：

function updateStations(){
    $.ajax({
        url: "scanstations.php",
        type: 'POST',
        cache: false,
        success: function (data){
            var jsonData = JSON.parse(data); 
            var tabledata;
            for (var i = 0; i < jsonData.stations.length; i++){
                tabledata += '<tr styls="padding-top:4px"><td>' + jsonData.stations[i].ID + '</td><td>' + jsonData.stations[i].IP + '</td><td><button class="btn btn-primary margin-top-5px" ';
                tabledata += ' id="' + jsonData.stations[i].IP + '"> <span >ButtonTitle</span></button></td></tr>';
            }
            console.log(jsonData);
            $('#listOfStations').html(tabledata);
        }
    })
}

如何为按钮创建事件？

我曾经尝试过这种方式：

 $(document).ready(function () {

    $('.btn-primary').on('click', () =>{
        alert($(this).attr("id"));
    }); });

但是不起作用。