Probleme id js

Bonjour,

Je débute en js et je suis dans une impasse...
J'aimerai supprimer un élément en db au moment on l'on clique sur un button. Probleme, je génére les button avec le nombre d'élement en db.

Pour suppimer l'élément en db j'ai besoin de récuperer sont id unique mais je ne sais pas comment le faire étant donné qu'il ya aucun lien entre les buttins et l'élément en js..

Exemple:

    $.ajax({
            url : "/",
            type : "POST",
            data : {action : "getMyDatas", id : userId},
            success : function(resp){
                    let parse = JSON.parse(resp);
                    let mesData = Object.values(parse);
                      mesData.forEach(e => {
                        $("body").append('<button id="id"></button>');
             }

})


    function cancelData(dataId){
        $.ajax({
            url : "/",
            type : "POST",
            data : {action : "cancelData", id : dataId},
            success : function(resp){
                //

            },
            error : function(){

            }
        });
    }


$("#id").on("click",function(){
    //comment savoir quelle id convient de mettre en parametre ?
    cancelData();
});