Javascript 具有相同类名和onclick函数的各种div调用以打开相应的消息div

我的javascript函数有一个问题，目前正在运行。我想将其更改为Jquery函数，但不知道如何更改

我有一个页面，上面有很多div，都有相同的类消息。当使用onclick函数delete_on单击delete时，这些消息窗口打开$消息窗口中有一个onclick函数，用于关闭窗口

打开和关闭的消息窗口：

<div class="message">
    Sure you want to delete?
    YES <a onclick="delete_off('. $id .')">NO</a>
</div>

我给每个onclick函数一个$id，它对每个div和delete链接计数。javascript函数知道由$id引起的必须打开的div

函数中的[$id]部分就是问题所在。我不能让它在Jquery中工作？！

---

有人能帮我吗？是否有其他方法将javascript函数组合到右侧div？

尝试使用$设置事件侦听器。类似这样：

一旦获得$this，您就可以相对地在该元素周围导航。例如，要获取其父级，请执行以下操作：

$('.message').on('click', function () {
  var parent = $(this).parent();
});

你想怎么做就怎么做

---

祝你好运

到目前为止，您尝试了什么jQuery？函数delete_onid{$'.message'[id].cssdisplay，block；$'body'.cssoverflowY，hidden；}如果有人单击YES会发生什么？为什么是event.target而不是$thisOh YES！我不再真正使用jQuery了，所以忘了它。将会更新！谢谢，但我不是这个意思。我的问题是，我不知道如何在函数delete_onid中使用id来打开相应的div。它与普通javascript一起工作，但我如何在jQuery中使用它？我给每个div一个id，如delete2、delete3等，其中包含计数数字。我可以在jQuery中使用它：$'delete'+id

function delete_on($id) {
  document.getElementsByClassName("message")[$id].style.display = "block";
  document.body.style.overflowY = "hidden";
}

function delete_off($id) {
  document.getElementsByClassName("message")[$id].style.display = "none";
  document.body.style.overflowY = "auto";
}

$('.message').on('click', function () {
  // $(this) is the thing clicked...
});

$('.message').on('click', function () {
  var parent = $(this).parent();
});