javascript - 当我循环遍历 MySQL 数组时，JavaScript 处理第一个回显的数据

Question

我的代码无法获得所需的结果。当我循环访问数据数组时，JavaScript 仅对第一个回显的数据起作用。

代码片段:

     <?php

                    $ids = array();


                    array_push($ids, getRandom($id));
                    array_push($ids, getRandom($id));
                    array_push($ids, getRandom($id));

                    $ids = array_unique($ids);
                    if (count($ids) > 0) {
                    foreach($ids as $value => $val) {

                        //data saved in variables


                        <li>
                            <div class="row">
                                <div class="col-xs-3">
                                    <div class="avatar">
                                       <!--avartar -->
                                    </div>
                                </div>
                                <div class="col-xs-6">
                                   <!-- data -->
                                </div>
                                <div class="col-xs-3 text-right">
                                    <button id = "button1" class="btn btn-xs btn-warning btn-icon"><i class="fa  fa-plus"></i></button>
                                </div>
                            </div>
                        </li>
                        <?php
                        }
                    }
                    ?>

JavaScript:

 <script>
                 $("#button1").on("click",function() {
                     alert("hey");
                 });
</script>

Answer 1

id 应该是唯一的，请尝试使用类。

大多数浏览器在 JavaScript 中选择 ID 时都会遵守标准，并且仅使用第一个元素进行响应。

尝试删除 ID

<div class="col-xs-3 text-right">
  <button class="btn btn-xs btn-warning btn-icon"><i class="fa  fa-plus"></i></button>
</div>

然后:

$(".btn").on("click",function() {
   alert("hey");
});