Javascript 单击时元素的警报ID

我正试图弄清楚如何在单击跨度时在警报中显示该跨度的ID。更具体地说，我需要它显示“Movie”，以便以后可以通过“Movie”选择跨度

如何做到这一点？多谢各位

HTML

JS

像这样试试

$(document).on('click', '.lister ul span', function(event) {  
    console.log( $(this).closest("div").parent().attr("id"));
}); 

像这样试试

$(document).on('click', '.lister ul span', function(event) {  
    console.log( $(this).closest("div").parent().attr("id"));
}); 

首先将属性id放入span。

您可以做的是将click事件放入

类列表器

，然后获取在该类中找到的跨度的id。然后使用

.parent（）

获取其父级，现在您也可以获取父级id

首先将属性id放入span。

---

您可以做的是将单击事件放置到类列表器中，然后获取在该类中找到的跨度的id。然后使用

.parent（）

获取其父级，现在您也可以获取父级id

使用

最近的
搜索
”。有关DOM树中的父级的“乐趣”
：

$(document).on('click', '.lister ul span', function(event) {  
        alert( $(this).closest(".Fun").attr('id') );
}); 


有关
closest（）
函数的详细信息：
使用
closest
搜索DOM树中祖先的
“.Fun”
：

$(document).on('click', '.lister ul span', function(event) {  
        alert( $(this).closest(".Fun").attr('id') );
}); 


有关
closest（）
函数的详细信息：
该
span
没有id该
span
没有id
$(document).ready(function () {

    $(document).on('click', '.lister', function (event) {
        alert($(this).find('span').attr('id'));
        alert($(this).parent().attr('id'));
    });

});

$(document).on('click', '.lister ul span', function(event) {  
        alert( $(this).closest(".Fun").attr('id') );
});