Javascript 如何在父元素和子元素上获取父id单击

我的代码如下：

<div id="make" data-make-unique-id="{{ values.unique_id }}">
     <div class="d-flex flew-row align-items-center">
          <i class="icon-{{ key|lower }}" style="font-size: 19px;"></i>
          <div class="text-capitalize">{{ key|lower }}</div>
     </div>
     <div class="d-flex align-items-center">{{ values.counter }}</div>
</div>

$(document).on('click', '#make', (e) => {                
    const unique_id = $(this).data("make-unique-id");
    debugger;
});

---

但是如果它不起作用。

这应该对你有用：-

$("#make").on("click", function(event){
  var unique_id = $(this).data("make-unique-id");
});

---

这应该适合您：-

$("#make").on("click", function(event){
  var unique_id = $(this).data("make-unique-id");
});

---

在id为“make”的元素上添加click侦听器。另外，如果您想绑定

此

，请使用普通函数而不是箭头函数

请参见下面的示例代码

$（文档）.ready（函数（）{
$（'#make'）。单击（函数（）{
const unique_id=$（this）.data（“make unique id”）；
console.log（唯一的\u id）；
});
});

{{key | lower}}
{{values.counter}}
在id为“make”的元素上添加单击侦听器。另外，如果您想绑定
此
，请使用普通函数而不是箭头函数

请参见下面的示例代码


$（文档）.ready（函数（）{
$（'#make'）。单击（函数（）{
const unique_id=$（this）.data（“make unique id”）；
console.log（唯一的\u id）；
});
});

{{key | lower}}
{{values.counter}}
我认为值得指出的是，这一切都是关于
函数
与
（）=>{}
的关系。后者不会创建新的上下文，因此，
$（这）
不是OP expectYes所同意的。我不确定为什么这个问题的两个有效答案被否决。我认为值得指出的是，这都是关于
函数
与
（）=>{}
的关系。后者不会创建新的上下文，因此，
$（此）
不是OP expectYes同意的内容。但是，我不确定为什么这个问题的两个有效答案被否决。如果它们不起作用，您已经获得了两个有效答案。我怀疑您的CSS有干扰，您有任何控制台错误吗？
$（文档）。on（'click'，'#make'，（e）=>{const unique_id=$（e.target）.data（“make unique id”）；debugger；}）
但是如果#make不是动态的，只需使用
$（“#make”）。在（“click”，function（）{const unique_id=$（this）。data（“make unique id”）}）；
-注意（e）=>和function（）之间的区别
此
上下文在提供的范围内是不同的。如果不是，您是否正在寻找jQuery[attribute=value]选择器？您已获得两个有效答案，如果它们不起作用，我怀疑您的CSS有干扰，您是否有任何控制台错误？
$（文档）。on（'click'，'#make'，（e）=>{const unique_id=$（e.target）.data（“make unique id”）；debugger；}）
但如果#make不是动态的，只需使用
$（“#make”）。在（“单击”，function（）{const unique_id=$（this.data（“make unique id”）}）
-注意（e）=>和function（）之间的区别
此
上下文在提供的范围内是不同的。如果不是，您是在寻找jQuery[attribute=value]选择器吗？