javascript - JQuery closest 属性返回 undefined

Question

我一直在查看其他一些示例，但不幸的是它们并不完全相同。我正在尝试删除一些数据 onclick(这里省略了那部分，只需要那个 id)。问题是它为我想要的 id 返回 undefined。

 function deleteMessage(){
    var $currentId = $(this).closest(".ulrecords").attr('id');
    alert("ID: " + $currentId)
 }

方法调用如下

<a href="javascript:deleteMessage();" id="amessage">

HTML 看起来像这样

<ul class="chat-messages">
  <ul id="msg_1234567890_a1bs2e" class="ulrecords">
   <li>
     John
     <span>27 minutes ago</span>
      <a href="javascript:deleteMessage();" id="amessage"> X</a>
    </li>
    <li id="limessage">
       Some message here
    </li>
  </ul>
  <ul id="msg_9234742878_73bhad" class="ulrecords">
   <li>
     John
     <span>28 minutes ago</span>
      <a href="javascript:deleteMessage();" id="amessage"> X</a>
    </li>
    <li id="limessage">
       Some other message here
    </li>
  </ul>
</ul>

所以当我点击其中一个 ul 时，我想获得那个希望任何人都可以指出我正确的方向

Answer 1

因为 this 在您的案例中是窗口。

要么传入对你点击的元素的引用

<a href="javascript:deleteMessage(this);" id="amessage">

和

function deleteMessage(elem){
    var $currentId = $(elem).closest(".ulrecords").attr('id');
    alert("ID: " + $currentId)
}

或者更好的是，使用 eventListeners 附加事件。

$(document).on("click", ".ulrecords", function () {
    alert(this.id);
});

或

$(document).on("click", ".ulrecords a", function () {
    var $currentId = $(this).closest(".ulrecords").attr('id');
});

ID 也是单数。