即使从不同的按钮，jquery 函数也可以一起执行

Question

我有 2 个按钮，每次我执行其中一个按钮时，它最终都会一个接一个地一起执行这两个功能，即使它们执行不同的操作。我找不到在不弄乱代码的情况下在两个不同的按钮中分离这两个功能的方法。我在操作中使用了一个名为 key 的变量。

我尝试将它们包装在一个 div 中并给它们一个特定的类名，但我没有成功使其工作功能在最后

var storage = firebase.storage();

var database = firebase.database();

database.ref('declaration').once('value', function(snapshot) {

  if (snapshot.exists()) {

    var content = '';

    snapshot.forEach(function(data) {

      var key = data.key;

      var val = data.val();

      var ker = key + "2";

      var k = key + "1";

      $('#ex-table').append("<tr id='" + key + "'><td>" +

        val.date +

        "</td><td>" +

        val.firstName +

        "</td><td>" +

        val.lastName +

        "</td><td>" +

        val.cin.replace('@gmail.com', '') +

        "</td><td>" +

        val.numTel +

        "</td><td>" +

        "<a href=https://www.google.tn/maps/place/" + val.position + "> My Position </a>" +

        "</td><td>" +

        "<img id='" + k + "' height=200 width=200/>" +

        "</td><td>" +

        val.etat +

        "</td><td><button id='" + key + "'>enoyer equipe</button><button id='" + ker + "'>Delete</button></td></tr>");

      // Fonction de changement d'etat

      var storageRef = storage.ref(val.photo);

      storageRef.getDownloadURL().then(function(url) {

        // Or inserted into an <img> element:

        document.getElementById(k).src = url;

      }).catch(function(error) {

        // Handle any errors

      });

      $(document).on('click', "#" + key, function() {

        var database = firebase.database().ref('declaration')

        var newetat = database.child(key);

        newetat.update({

          "etat": "team sent"

        });

      });

      $(document).on('click', "#" + ker, function() {

        firebase.database().ref('declaration/' + key).remove();

      });

    });

  }

});