Javascript Jquery加载多个警报

我试图用Jquery从HTMLDOM中获取标识数据，但当我第一次按下按钮时，这会执行两次，然后增加到3，以此类推。。。我读到这是因为Jquery我得到了所有的数据标识，但他尝试了几种方法，但都没有给我结果

 <script>
    function hi(text){
       $(document).ready(function() {
       $('button').on('click', function() {
       console.log(this.dataset.id, $(this).data().id, 
       $(this).data('id'));

       alert("It is done many times ...");
  });
});    
       }
    </script>

函数hi（文本）{
$（文档）.ready（函数（）{
$（'button'）。在（'click'，function（）上{
console.log（this.dataset.id，$（this.data（）.id），
$（this.data（'id'））；
警报（“已执行多次…”）；
});
});    
}

和php：

       $i = 0;

        foreach($arr as $data ){

        $iterator = new RecursiveIteratorIterator(new 
RecursiveArrayIterator($data), RecursiveIteratorIterator::SELF_FIRST);
          $find_variables = (iterator_to_array($iterator,true));


          foreach($find_variables as $rec){
            if (is_array($rec)) {
              if (!empty($rec) && ($rec['text'] != '') ) {
              $manjar = json_encode($rec);
              $manj1 = htmlspecialchars($manjar , ENT_QUOTES);

                echo '</a></td><div id="my-div3"><td><button class="btn btn-danger" type="button" data-id="'.$i .'" onclick= "hi(' . $manj1 . ')">Info</a></td></tr>';

                $i++;   
              }else{
                continue;

              }

            }
          }


    }

$i=0；
foreach（$arr作为$data）{
$iterator=新递归迭代器（新
RecursiveArrayIterator（$data），RecursiveIteratorIterator:：SELF_FIRST）；
$find_variables=（迭代器_到_数组（$iterator，true））；
foreach（$find_变量为$rec）{
if（is_数组（$rec））{
如果（！empty（$rec）&（$rec['text']！=''）{
$manjar=json_encode（$rec）；
$manj1=htmlspecialchars（$manjar，ENT_引号）；
回声“信息”；
$i++；
}否则{
继续；
}
}
}
}

---

总而言之：我第一次按下click，我收到两个警报，我关闭它，然后再次按下按钮，三个警报出现。我关上它们，再按一次按钮，四。。。等等。。。非常感谢您的帮助，我一直在复习，但没有什么有用的…

您正在使用两个事件侦听器。。。一个是内联的

onclick

，在函数

hi（）

中添加另一个带有jQuery的事件监听器

每次在

onclick

中调用

hi（）

去掉内联的
onclick
和函数
hi（）
，只需在（'click'）上使用jQuery

使用另一个数据属性传入
$manj1
是不可思议的。这很有效。非常感谢你…所以我正在重做活动？非常感谢！