Question

我尝试在互联网上找到答案，但是很难找到可以继续解决我问题的主题。我有一张桌子，里面有按钮。每个按钮都有一个id：id =“ sa-param”。它与php一起显示给人（观看代码）。因此，id可以是唯一的，但我想在php中生成的每个按钮上都单击onClick。我尝试使用JavaScript代码“ $（“＃sa-param”），但它仅定位到表格的第一行... =>因此，第一个按钮并没有全部... 你能帮我吗？

我的PHP按钮生成： $ cotisant ['']是mysql请求给定的变量。 -第一个“ li”是模态 -第二个甜味剂。

.....
<button class="btn triger-fadeIn" data-toggle="dropdown">Action</button>
<ul class="dropdown-menu triger-fadeIn-dp">
   <li><a href="#" data-toggle="modal" data-target="#modalCotisant" data-id="'.$cotisant['id'].'">Editer</a></li>
   <li><a href="#" class="cotisant_delete_button" id="sa-params" data-id="'.$cotisant['id'].'">Supprimer</a></li>
</ul>
....

使用sweetalert2的javascript / Jquery代码


    $(document).ready(function () {

      console.log(document.querySelector('.cotisant_delete_button')); // Return an unique object
      console.log(document.getElementsByClassName('cotisant_delete_button')); // Return lots of object (all I want to apply the sweetalert)
      document.querySelector('body .cotisant_delete_button').onclick = function () {
        var id = $(this).data("id");
        swal({
                title: "Etes-vous sûr ?",
                text: "La suppression d'un cotisant est définitive !",
                type: "warning",
                showCancelButton: true,
                confirmButtonText: "Oui, supprimer !",
                cancelButtonText: "Non, annuler !",
            }).then(function(isConfirm){
                if (isConfirm) {
            console.log("Confirmé");
            swal({
                    title: "Chargement...",
                    type: "info",
                    showCancelButton: false,
              showConfirmButton : false
                });
            $.post( "execute/delete_cotisant.php", { id: id } ,function(data){
              if(data.status == 1) {
                console.log("1");
                swal("Supprimé !", data.name + " a été supprimé.", "success").then((result) => {
                    location.reload();

                });
              }else{
                console.log("2");
                swal("Echec", data.name + " n'as pas pu être supprimé", "error");
              }

              }, "json"
            );


                } else {
                    swal("cancel", "Votre cotisant est conservé", "cancel");
                }
            });
      };
    });

第一个控制台日志返回标记为“ .cotisant_delete_button”类的所有链接的列表但是onClick函数仅适用于第一个链接... 您知道如何在所有“ a”链接上应用onClick吗？

jQuery $（）。on点击多个对象

0 个答案: