Javascript 如果我正在创建通用的“会见我们的团队”页面，如何知道单击的联系人按钮属于哪个团队成员？

我正在开发一个“会见我们的团队”页面，它是通用的，并且从数据库中获取数据。此页面正在检查数据库中是否仍有团队成员，如果有，它将为此团队成员创建一个div，该div包含以下内容：图片、名称、描述和联系人按钮。因此，它创建的div的数量是未知的，它取决于数据库中团队成员的数量。当用户单击其中一个联系人按钮时，我想知道单击的按钮属于哪个团队成员。如何做到这一点。我的页面是使用PHP、CSS、HTML和Javascript开发的

这是我的PHP代码：

 <div class="row_team">
            <?php
                while($row = $result -> fetch_assoc()) {  
                    if($i %3 == 0)
                    {
                        ?>
                        </div>
                        <div class="row_team">
                <?php }             
            ?>

                <div class="column">
                    <div class="card_team">
                    <img style="
                    /*width:100%;*/
                    max-width: 100%;
                    height: auto;
                    ">
                    <?php echo('<img src="data:image/png;base64,'.base64_encode($row['photo'] ).'" />')?>
                    </img> <br><br>
                    <div class="container_team">
                        <h2 id="teamMemberName" style="color:rgb(85,55,72);"><?php echo($row['name'])?></h2>
                        <p class="comment more" style="color:rgb(64,120,43);"><?php echo($row['bio'])?></p>
                        <p><button class="btn btn-secondary button_team" onclick="modalOpen()">Contact</button></p>
                    </div>
                    </div>
                </div>
            <?php
            $i++;
                }?>

---

当用户单击联系人时，会打开一个框，但这不是我的问题，我想知道单击的按钮属于哪个团队成员

document.addEventListener'click'，{target}=>{ iTarget.匹配“按钮”{ 常量{dataset:{id}}=target； 警报`您选择了${id}` } }; 成员1

联系 成员2

联系 成员1

联系

---

在按钮上添加一个团队成员ID属性。Contact在上面的示例中，您以前知道您有三个div，哪个团队成员在哪个div中。如果我两个都不知道，我该怎么办？这适用于任意数量的div是的，但当div的数量以前已知时，这会起作用。然而，我谈论的是动态确定div数量的情况。无论如何，我已经找到了一个使用Javascript的解决方案。感谢上面的javascript不需要知道有多少个div，它对任何div都有效。是的，我知道了。我以类似的方式解决了这个问题，但是使用了按钮的id而不是data-id。谢谢