Javascript 单击按钮时如何检索最近的特定ID

我正在尝试获取

mesg\u id

当用户单击按钮时，它会显示一个弹出窗口，并在其中显示

mesg\u id

但我没有的问题是，我无法检索

mesg\u id

，它取的是位于顶部的id，而不是用户单击的id。例如：

---

如何获取用户单击的

mesg_id

而不是顶部的id

每页只能在元素中使用一个id

<div id="myid">testing</div>
<div id="myid">testing 2</div>

测试
测试2

---

第一个元素具有先例，因为它是具有该ID的第一个元素。您需要为每个元素分配自己的唯一ID。

您每页只能在元素中使用一个ID

<div id="myid">testing</div>
<div id="myid">testing 2</div>

测试
测试2

---

第一个元素具有先例，因为它是具有该ID的第一个元素。您需要为每个元素分配自己的唯一ID。

您不能对多个元素使用ID。ID对于每个元素都是唯一的。您需要改为使用类。然后使用closest（）和find（）从同一模态中的元素获取值

Html:

---

不能对多个元素使用ID。ID对于每个元素都是唯一的。您需要改为使用类。然后使用closest（）和find（）从同一模态中的元素获取值

Html:

---

id必须是唯一的，特别是当您尝试与这些元素交互时，它会在和CSS中产生问题。id必须是唯一的，特别是当您尝试与这些元素交互时，它会在和CSS中产生问题。

<div id="myid">testing</div>
<div id="myid">testing 2</div>

<div class="msg-action">
    <p class="mesg_id"><?php echo $msg_id; ?></p>
    <a class="msg-icon popup-button"  href="" data-target="#reply-popup"><img src="images/reply.png"></img></a>
    <a class="msg-icon" href="<?php echo "index?message=" . $row['id'] . ""; ?>" ><img src="images/linedfav.png" id='img'></img></a>
</div>

jQuery(".popup-button").click(function(){
      event.preventDefault();
      jQuery("body").addClass("sitemodal-open");
      jQuery(".sitemodal").addClass("in");
      var textareaValue = $(this).closest('.msg-action').find('.mesg_id').html();
      document.getElementById("showMesgID").innerHTML = textareaValue;
    });