Javascript 选择刚刚单击的元素JQuery

我有一个

包含一个

一些内容

我试图用jquery选择锚定标记上的数据属性，以便在

中显示具有相同ID的

标记（如果有意义的话）

到目前为止，我已经能够用

$（“.group.poputDisplay a”）[0]。属性[1]。值

但是由于
[0]
索引，这只给出了第一个元素的ID

tldr：
如何获取刚刚单击的
标记的数据ID？
我们开始：

$('.popOutDisplay a').click(function(e) {
    e.preventDefault();
    console.log($(this).data('id'));
});

这里是
.data（）
属性的

演示：

要以字符串形式检索值的属性而不进行任何转换，请使用attr（）方法。
您可以使用“.click（）”进行此操作。检查下面的代码段


$（'.poputdisplay a'）。单击（函数（e）{
e、 预防默认值（）；
var elID=$（this.data（'id'）；
控制台日志（elID）；
})

一些内容

bind单击
a
元素容器div上的事件侦听器
事件处理程序在哪里？使用此更新的答案和数据文档尝试一下如果您建议对
数据-
属性使用
.attr（）
，那么您应该详细说明
.attr（）
和
数据（）之间的区别
以及在本例中为什么不使用
.data（）
。刚刚看到您的其他评论-可能是快速搜索？
$('.popOutDisplay a').click(function(e) {
    e.preventDefault();
    console.log($(this).data('id'));
});

$(".group a").click(function(){
     var data=$(this).attr("data-id");
     alert(data)
});

$('.group.popOutDisplay').bind('click', function(e) {
    var target = e.target;
    if (target.tagName.toLowerCase() === 'a') {
        e.preventDefault(); //prevent the default action of navigating to the url
        var id = target.dataset.id;
        //you now have the id;
        $('#' + id).css('display', 'block'); //display the div
    }
});

$(document).on("click", "[data-id]", function (event){
    event.preventDefault();
    var id = $(this).attr("data-id");

    // Apply your logic here
    // $("#" + id)
});