PHP Foreach jQuery按钮-仅触发一次

Question

我有一个有效的php foreach语句。 我在回声之一上有一个jquery按钮。 下面是关联的jquery函数。 在页面加载时，仅第一个按钮触发，而下面的其余按钮则不触发。 有人可以帮忙吗？

//include 'database.php';
               $pdo2 = Database::connect();
               $sql2 = 'SELECT * FROM animals WHERE riderid = '.$data[id].'';
               foreach ($pdo2->query($sql2) as $row) {
                        echo '<tr>';
                        echo '<td>'. $row['hp'] . '</td>';
                        echo '<td>'. $row['hpname'] . '</td>';
                        echo '<td>'. $row['hpage'] . '</td>';
                        echo '<td>'. $row['hpcolour'] . '</td>';
                        echo '<td>'. $row['hpmicro'] . '</td>';
                        echo '<td>';
                        //echo '<a class="btn" href="read.php?id='.$row['id'].'">More Info</a>';
                        //echo ' ';
                        echo '<a class="btn btn-success" href="update.php?id='.$row['id'].'">Update</a>';
                        echo ' ';
                        echo '<button class="btn btn-danger" id="complexConfirm">Delete Record</button>';
                        echo '</td>';
                        echo '</tr>';
               }
               Database::disconnect();
              ?>

                </div>

                </tbody>
                </table>

            <script>

            $("#complexConfirm").confirm({
            title:"Are You Sure You Want To Delete this <?php echo $data['hp1'];?> called <?php echo $data['hpname1'];?>?",
            text: "Please Note that this Record will be archived just in Case.",
            confirm: function(button) {
                button.fadeOut(2000).fadeIn(2000);

                $.ajax({
                url: 'deletehorse.php?id=<?php echo $id;?>&hp=hp1&hpname=hpname1&hpage=hpage1&hpcolour=hpcolour1&hpmicro=hpmicro1',
                success: function(){
                //alert('done');
                window.location.reload(true);
            }
            });


            },
            cancel: function(button) {
                button.fadeOut(2000).fadeIn(2000);

            },
            confirmButton: "Yes I am",
            cancelButton: "No"
            });

        </script>

Answer 1

所有按钮均具有相同的ID，无法使用javascript正确绑定。 尝试将ID更改为类，然后绑定到该类。